技术栈

（AI 生成的草稿，后续将由人工重写。）

techmeat.dev 的构建概览：日常依赖的工具，以及我用编程 Agent 发布文章和功能时所遵循的工作流。

技术栈

• Astro 6，采用 output: 'static' 模式。文章使用 Markdown，通过 Astro 的内容集合渲染。
• Solid.js，通过 @astrojs/solid-js 接入，仅用于少量交互式岛屿——主题切换、语言切换器、代码块复制按钮。
• Bun 作为运行时、包管理器和测试运行器。不使用 npm，也不使用 pnpm。
• Cloudflare Pages 用于托管；Cloudflare Web Analytics 用于流量统计，无 cookie。
• satori + resvg 在构建时为每篇文章的每种语言生成 OG 卡片。
• @vite-pwa/astro（Workbox）实现可安装的 PWA，并提供离线兜底页面。
• @astrojs/sitemap + @astrojs/rss 生成站点地图以及各语言的 RSS 订阅。

工具链

• oxlint + oxfmt——基于 Rust 的代码检查与格式化工具。不使用 ESLint，也不使用 Prettier。
• @astrojs/check 用于在 .astro 文件中执行 TypeScript 检查。
• lefthook 用于预提交钩子（每次提交都会执行 lint、格式化和类型检查）。
• bun:test 作为测试框架。

AI 助手

• Claude Code——主力编程 Agent。项目上下文写在 CLAUDE.md 和 AGENTS.md 中。
• Superpowers skills——在处理复杂功能时使用 brainstorming、writing-plans、subagent-driven-development。
• GPT-5.5——用于较大改动的二次代码评审。
• SEO / GEO 技能套件——关键词研究、meta 标签优化、schema 标记、页面审计、内容质量审计（CORE-EEAT），以及面向 AI 引擎的 GEO 内容优化。

硬件

• （占位——待人工补充。）

工作流

每篇文章和每个功能基本都遵循同一套循环：

1. 把目标和约束写进 CLAUDE.md / AGENTS.md，让 Agent 拥有稳定的上下文。
2. 用 Superpowers 梳理工作的轮廓，产出设计规格。
3. 把规格转化为带有具体步骤的实施计划。
4. 由子 Agent 驱动执行，每个任务进行两阶段评审（先看是否符合规格，再看代码质量）。
5. 文章发布前还要走一遍多阶段的 SEO + GEO 流水线。

这个页面的意义在于诚实地交代工具链，这样后续的文章就能专注于过程本身，而不必每次都重新介绍一遍配置。