SuperAPI AI 工具集

building-blog

前端与建站

查看项目

更新于 10-16 08:35

技能介绍

用途:为 Next.js + Sanity 站点添加博客、从零搭建博客栏目、接入 Sanity CMS 管理编辑内容。定位企业博客,强调 SEO 优先、支持国际化、性能预算与无障碍合规。

主要能力:SKILL.md 作为编排器,实际规范位于两个参考文件。技术需求文件包含 §0 接入问卷(30 多个问题)、§1 项目档案、§2–§20 通用规范及检查清单,每个项目只需修改 §0 答案与 §1。图片风格指南提供通过 Gemini 3 Pro Image(Nano Banana Pro)生成 AI 主图的通用模板,含接入问题、美学骨架与示例位。

使用方式:一、先扫描宿主项目,读取 package.json(Next.js 版本、next-intl、Sanity、Tailwind、framer-motion)、配置文件、消息与路由目录、设计系统文件、约定文件、sanity-studio 或 studio 目录、布局文件、品牌资源、sitemap/robots 及环境变量名,记录为“Detected”清单,不记录密钥值。二、运行 §0 问卷:Claude Code 用 AskUserQuestion,每组最多 4 个问题,并预填扫描得到的推荐答案;无交互选择器的 CLI 用编号文本分批作答;无头模式套用通用默认值并列出假设。把答案写入项目本地 docs/blog/ 下的 §1 项目档案。三、按模板产出一页高层计划,含阶段、锁定范围、范围外项与待决事项,等待用户明确批准后再实施。四、按 §2–§20 顺序实现,§19 通过/失败检查清单即完成定义;若含 AI 主图,则由图片风格指南驱动 §20。

适用场景:依赖 Sanity CMS 的 Next.js 企业博客,需 SEO、i18n、性能与无障碍兼顾的项目。

限制:不适用于纯静态或仅 MDX 的博客(无 CMS)、高频新闻发布类站点(站点地图分块与编辑工具会成为首要问题)、文档站点,以及本质上不是博客的营销落地页。