nextjs-sanity-blog-skill
为 Next.js + Sanity 项目快速添加一个功能完备的企业级博客系统。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:nextjs-sanity-blog-skill。 它的用途是:为 Next.js + Sanity 项目快速添加一个功能完备的企业级博客系统。 完整的 Skill 内容见:https://321skill.com/skills/nextjs-sanity-blog-skill/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为这个 Next.js 项目添加一个企业博客,支持中英文,并集成 AI 生成文章头图。” 它会先扫描你的项目结构,然后通过一系列问题确认你的具体需求(如作者模型、分类、工作流等),生成一份实施计划等你批准,最后自动执行代码变更,实现一个符合 SEO、性能、可访问性等高标准的技术方案。
介绍
这个 Skill 旨在解决开发者为 Next.js 网站集成企业级博客时面临的复杂、重复和易出错的问题。传统方式需要手动配置 CMS 模型、设计 URL 结构、实现 SEO 和多语言支持等,过程繁琐且容易遗漏细节。
使用该 Skill 时,你只需在 Claude 中安装它,然后说“为这个项目添加博客”,Claude 便会启动一个包含 40 个问题的交互式问卷,全面了解你的项目需求。接着,它会生成一份详细的实施计划供你审批,确认后自动执行一个约 1100 行的技术规范,一次性完成博客的搭建。
它特别适合需要为产品或公司网站快速、规范地搭建博客的前端、全栈开发者和项目经理。对于追求 SEO 效果、需要多语言支持、并希望集成 AI 生成配图等现代功能的企业级内容团队来说,这是一个高效的解决方案。
使用前请确保你的项目技术栈是 Next.js (App Router) + Sanity v3。如果你的项目使用其他 CMS(如 Contentful)或框架(如 Astro、Remix),该 Skill 可能无法直接执行,但其问卷和规范思路仍具参考价值。
核心特点
与同类 Skill 相比,它通过长达 40 个问题的深度问卷,将通用规范转化为高度定制化的实施计划,并严格遵循一个覆盖 SEO、i18n、性能、可访问性等 20 个技术章节的“电池全包”式规范进行自动化构建,最后以一份通过/失败检查清单作为交付标准,确保了企业级博客的实现质量和一致性。
注意事项
该 Skill 严格依赖 Next.js (App Router) + Sanity v3 技术栈,不适用于使用 Contentful、Payload、Astro 或 Remix 等其他框架或 CMS 的项目。
常见问题
这个 Skill 能帮我生成博客内容吗?
不能。它专注于博客系统的技术搭建和配置,但规范中包含了在 Sanity Studio 内集成 AI 辅助写作(需人工审核)以及通过 Gemini Pro 自动生成文章配图的方案。
我的项目没有使用 Tailwind CSS,还能用吗?
可以。虽然规范假设使用 Tailwind 并锁定了少量排版样式类,但这不是强制要求,Skill 会适配你的现有样式方案。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/nextjs-sanity-blog-skill/raw/index.md 读取 nextjs-sanity-blog-skill 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/nextjs-sanity-blog-skill/raw/index.md(查看排版版本)