Claude Code 安博客不用再踩坑!这个 Skill 把决策过程也帮你做了
你有没有这种感觉——给网站加个博客模块,明明是个”小需求”,做起来却贼复杂?
要配 Sanity CMS、要搞 SEO、要支持多语言、还要过 WCAG 无障碍……吭哧吭哧写一周,上线了才发现漏了这个那个。
building-blog 这个 Skill,就是来解决这个痛的。
它是一个 Claude Code 专用的”博客模块全家桶”S kill。你不需要自己规划、查文档、踩坑——装上它,跟 AI 说一句”给我这个项目加个博客”,它就会自动:
第一步:扫描你的项目
读取 package.json、next.config.*、现有的 i18n 配置、设计 token,明白你项目是啥情况。
第二步:40 个问题搞定需求
它会问一连串问题——用不用多语言?几个分类?要不要评论区?AI 生成配图用不用?……全是那种”做之前没想到,做完才发现要改”的东西。
第三步:出一页计划,等你确认
它不会上来就开写,而是先给你一张结构化的实施计划,你点头了再动手。
第四步:按照 1100 行的技术规格执行
SEO、hreflang、OG 标签、sitemap、性能预算、无障碍 WCAG 2.2 AA……全帮你覆盖到。还内置了 AI 生成博客配图的能力,用的是 Gemini 3 Pro Image(Nano Banana Pro)。
整个过程最值钱的地方在于:它不是在帮你写代码,而是在帮你做决策。
很多团队做博客模块的坑,不在于写代码,而在于需求没对齐。这个 Skill 把”决策”这一步显式化了——40 个问题就是 40 个决策点,漏了任何一个都会在后面找你麻烦。
适合谁用?
– 正在用 Next.js + Sanity 做企业官网的团队
– 想快速上线博客又不想踩 SEO 坑的产品经理
– 想让 AI 帮你把博客模块做专业,而不是只帮你生成一些 Demo 代码的开发者
怎么安装?
Claude Code 用户直接:
/plugin marketplace add BuildShipGrowRepeat/nextjs-sanity-blog-skill
/plugin install building-blog@nextjs-sanity-blog
或者手动克隆到本地 skills 目录也行。
GitHub:https://github.com/BuildShipGrowRepeat/nextjs-sanity-blog-skill
说真的,这个 Skill 让我重新理解了”AI 编程工具”的价值——不是替代你写代码,而是替代你做那些你本来要做但容易做漏的决策。如果你经常被”这个需求之前没说清楚”折腾,推荐试试这个。
GitHub: https://github.com/BuildShipGrowRepeat/nextjs-sanity-blog-skill
评论区
登录后可评论。