让 AI 每次都交付”完整版”博客：Next.js + Sanity 规范 Skill

每次让 AI 给你的 Next.js 项目”加个博客”，出来的答案都不一样。

有人交出来没有图片 alt 属性，有人塞了一堆 tag 碎片化内容，有人完全忘了 hreflang 多语言配置……

building-blog 这个 Skill，就是把”一个用心的博客方案”固化成一份可以复用的规范。

它到底干了什么

本质是一个 Claude Code 插件，帮你给 Next.js + Sanity CMS 的站点一键搭建专业博客。装上之后跟 Claude 说”add a blog to this project”，它就开始走流程：

第一步：扫描你的项目 — 自动读取 package.json、next.config、现有的 i18n 配置、设计系统，把能填的字段都预填好。

第二步：40 个灵魂拷问 — 覆盖语种、作者模型、分类体系、评论系统、SEO 配置、AI 图片风格、暗黑模式、定时发布……每个选择都会影响后续生成的技术规范。

第三步：出一页实施方案等你确认 — 不会上来就改代码，而是先给你看计划，同意了他才动手。

第四步：按 1100 行技术规范实施 — 从 Sanity schema 到 JSON-LD 结构化数据、从 sitemap 到 OG 标签、从 WCAG 2.2 AA 无障碍标准到字体规范，全部覆盖。

第五步：pass/fail 检查表验收 — 每个环节有明确的过没过标准，不是靠感觉。

为什么值得试

如果你正在用 Next.js + Sanity 搭企业官网或者作品集，这个 Skill 直接帮你跳过”博客搭完了发现 SEO 全挂了”的坑。Gemini 3 Pro Image 生成 AI 封面图也是亮点，不用自己再折腾图库。

对于团队而言，规范落地成了一份可以 code review 的技术文档，新人也能直接对照 spec 检查实现对不对。

怎么用

推荐用 Claude Code 的插件市场安装：

/plugin marketplace add BuildShipGrowRepeat/nextjs-sanity-blog-skill
/plugin install building-blog@nextjs-sanity-blog

或者手动 clone 到本地 skills 目录：

git clone https://github.com/BuildShipGrowRepeat/nextjs-sanity-blog-skill.git
cp -R nextjs-sanity-blog-skill/skills/building-blog ~/.claude/skills/

装好之后说”add a blog to this project”就能开始。

技术栈要求：Next.js 14/15（App Router）、Sanity v3、next-intl（多语言）、Tailwind（可选但推荐）。

GitHub：https://github.com/BuildShipGrowRepeat/nextjs-sanity-blog-skill

GitHub: https://github.com/BuildShipGrowRepeat/nextjs-sanity-blog-skill