Next.js + Sanity 博客 Skill：一句话让 AI 按 1100 行规范严谨落地企业级博客

每次让 AI 给你的 Next.js 项目”加个博客”，出来的实现都不一样——有的缺少图片 alt text，有的多语言忘记 hreflang，有的用 tag 分类把小型内容库切成碎片。这就是为什么 BuildShipGrowRepeat 把一套严谨的博客规范做成了 Claude Code Skill：说一声”add a blog”，Claude 就会走完 40 个问题调研、项目扫描、方案确认，再按一份 1100 行的技术规范逐步实施——SEO、i18n、性能、无障碍、AI 配图生成、验收清单，一次性做对。

功能与原则

这个 Skill 的核心能力是把”给 Next.js + Sanity 项目加博客”这件看似简单、实则坑多的事规范化。它的设计原则很明确：方案先行、确认再动、规格即测试——不做隐性假设，所有决策都通过 40 个问题显式敲定，实施前先出方案让用户签字，实施后用通过/失败清单验收。

认可度

目前托管于 GitHub，Star 数未公开显示（2026-07-31）。作为 ComposioHQ awesome-claude-skills 官方列表收录的 Skills，属于被主流 Skill 市场认可的开发者工具类资产。

链接

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

原作者

BuildShipGrowRepeat（背后运营者为 Vladimir Terekhov，来自 attractgroup.com），专注于 AI Agent 工作流与实际工程规范的结合。

介绍

这个 Skill 解决的是”每次问 AI 加博客实现都不一样”的现实问题。它的实现方式是把一整套严谨的博客规范写进了一个可执行的 Skill 规范文件里，分成三个核心文件：

• SKILL.md：编排整个工作流——扫描项目、问问题、出方案、等确认、再实施。
• blog-technical-requirements.md：1100 行的技术规范，§0 是问卷，§1 是项目档案，§2–§20 是通用规格，§21 是验收清单。
• blog-image-style-guide.md：AI 配图风格指南，支持 Gemini 3 Pro Image（Nano Banana Pro）生成有本地化 slug 的博客题图。

问卷覆盖 locale 数量、作者模型、分类维度、CMS 工作流、Analytics、Cookie 同意、AI 配图、评论、搜索、分享、暗模式、定时发布等所有影响实现的决策点。Claude 会根据项目已有配置（如 package.json、next.config.*、next-intl 配置）预填能检测到的答案，加快调研速度。

特点

• 40 问题结构化调研：覆盖所有影响博客实现的变量，避免做到一半才发现假设冲突
• 方案确认制：Claude 出完一页面方案后会停下来等用户签字，不会闷头写代码
• 1100 行技术规范：涵盖 Sanity Schema、URL 结构、hreflang 规则、BlogPosting + FAQPage JSON-LD、OG、Atom Feed、Sitemap、性能预算（超过 Google”良好”基线）、WCAG 2.2 AA、字体和动效规范
• AI 配图生成：内置 Gemini 3 Pro Image（Nano Banana Pro）TypeScript 生成器，带 locale-keyed slug 和幂等重跑能力
• 通过/失败验收清单：清单即定义完成，交付物有客观判断标准

使用方法

安装方式一（推荐）——作为 Claude Code 插件：

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

安装方式二——手动安装：

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

基本调用：

安装后，在任意 Next.js 项目里说以下任意一句：

• “add a blog to this project”
• “set up a blog with Sanity”
• “build the blog section”

Claude 会依次完成：项目扫描 → 40 问题调研（显示推荐默认值，可快速通过）→ 一页面方案确认 → 分阶段实施 → 验收清单。

使用场景与人群

适用于需要给已有 Next.js + Sanity 项目添加正规博客功能的前端团队或个人开发者。目标场景是企业级博客、SEO 优先的内容站点、多语言官网博客板块。不适合：仅需要简单文档站点（推荐 Nextra/Docusaurus）、高频率新闻发布（编辑工作流不是重点）、非 Next.js 项目。

输入与输出案例

输入：

"add a blog to this project"

（项目已有 Next.js 14 App Router + Sanity Studio 托管在 /studio，英文内容，计划扩展法语和德语）

输出：

Claude 扫描完项目后，先输出预填了已有配置的一页面方案（语言组合、作者模型建议、Sanity Studio 位置），等用户确认后开始分阶段实施，最终交付：完整的 Sanity Schema、hreflang 规则、BlogPosting JSON-LD、Sitemap、OG 图片生成器配置，以及 §21 验收清单逐项通过状态。

如果你的下一个项目需要加博客，别让 AI 各做各的——让 Claude 照着同一份规范做。

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