Skill 广场
Sanity全栈内容建模与开发规范 Skill

Sanity全栈内容建模与开发规范.Skill

@sanity-io/sanity-best-practices

4.8优秀AI 评分基础检查通过源自 GitHub

该能力专门用于指导和实现基于 Sanity 的 Headless CMS 架构开发。覆盖从基础 Schema 字段定义(defineType/defineField)、GROQ 高性能查询与 TypeGen 类型安全,到主流前端框架(Next.js App Router、Nuxt、Astro、Remix、Hydrogen)的实时预览与视觉化编辑(Visual Editing/Stega)。同时提供富文本 Portable Text 渲染、媒体资产优化(Mux 视频集成与图片热点处理)、内容迁移、多语言国际化,以及基于 Sanity Functions、Webhooks 和 Blueprints 基础设施代码化的全流程最佳实践与代码审查。

编程前端工程师全栈开发人员网站架构师2026-09-23 更新main

Sanity全栈内容建模与开发规范

该能力专门用于指导和实现基于 Sanity 的 Headless CMS 架构开发。覆盖从基础 Schema 字段定义(defineType/defineField)、GROQ 高性能查询与 TypeGen 类型安全,到主流前端框架(Next.js App Router、Nuxt、Astro、Remix、Hydrogen)的实时预览与视觉化编辑(Visual Editing/Stega)。同时提供富文本 Portable Text 渲染、媒体资产优化(Mux 视频集成与图片热点处理)、内容迁移、多语言国际化,以及基于 Sanity Functions、Webhooks 和 Blueprints 基础设施代码化的全流程最佳实践与代码审查。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

帮我为 Sanity 设计一个页面构建器(Page Builder)Schema,包含横幅、图文分栏和客户评价三种 Block 组件

写一段 GROQ 查询语句获取发布文章及其作者信息,要求排除草稿、过滤指定分类并支持分页

如何在 Next.js 14 App Router 中配置 Sanity Presentation Tool 和实时草稿内容刷新?

适用人群

适合谁?

前端工程师全栈开发人员网站架构师Sanity CMS 开发者

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度