Agent Skills
› sanity-io/sanity
sanity-io/sanity
GitHub执行多维度代码审查，涵盖正确性、可读性、架构、安全性和性能。在合并前评估代码质量，确保改进整体代码健康度，而非追求完美。
Install All Skills
npx skills add sanity-io/sanity --all -g -y
Skills in Collection (23)
执行多维度代码审查，涵盖正确性、可读性、架构、安全性和性能。在合并前评估代码质量，确保改进整体代码健康度，而非追求完美。
合并 PR 或变更前
完成功能实现后
审查其他智能体生成的代码
重构现有代码
修复 Bug 后
npx skills add sanity-io/sanity --skill code-review-and-quality -g -y
简化代码以提升清晰度、可维护性和可读性，同时严格保持原有行为不变。适用于重构复杂逻辑、审查代码及消除冗余，旨在降低认知负荷而非单纯减少行数。
代码功能正常但结构复杂难以理解
代码审查中发现可读性或复杂度问题
存在深层嵌套或过长函数
合并后引入重复或不一致逻辑
npx skills add sanity-io/sanity --skill code-simplification -g -y
清理代码库中由AI生成的冗余代码，包括移除多余注释、不必要的防御性检查及类型断言，简化嵌套逻辑，确保风格一致且行为不变。
审查分支与主分支的差异
发现代码中存在AI生成痕迹或风格不一致
npx skills add sanity-io/sanity --skill deslop -g -y
通过深度追问和决策树遍历，对用户的计划或设计进行压力测试，直至达成共同理解。若需代码信息则自动探索代码库，旨在帮助用户完善方案并消除潜在风险。
用户希望对其计划或设计进行压力测试
用户提到 'grill me'
npx skills add sanity-io/sanity --skill grill-me -g -y
分析代码库架构以发现重构机会，通过深化模块提升可测试性和AI导航能力。流程包括探索摩擦点、提出候选方案及并行设计接口，旨在解决紧耦合和浅层模块问题。
想要改进代码库架构
寻找重构机会
整合紧密耦合的模块
使代码库更易于AI导航
npx skills add sanity-io/sanity --skill improve-codebase-architecture -g -y
指导如何科学优化应用性能，强调先测量后优化。涵盖前端Core Web Vitals与后端APM profiling，提供从基线建立、瓶颈识别到验证防护的标准工作流，避免过早优化。
存在性能指标要求或SLA
怀疑出现性能回归
需要提升加载速度或响应时间
用户报告页面卡顿
npx skills add sanity-io/sanity --skill performance-optimization -g -y
通过 CLI 自动化浏览器操作，支持网页导航、表单填写、截图及数据提取。适用于 Web 测试、页面交互验证和爬虫数据采集场景。
需要自动化执行 Web 界面测试
需要从网页提取结构化数据
需要生成网页截图或 PDF
需要模拟用户进行表单填写
npx skills add sanity-io/sanity --skill playwright-cli -g -y
用于生成符合规范的 PR 描述和发布说明。自动触发于创建 PR 时，指导分析变更、撰写遵循 Conventional Commits 的标题及结构化正文（含动机、审查重点、测试与发布备注）。
创建 Pull Request
编写 PR 描述
起草发布说明
npx skills add sanity-io/sanity --skill pr-description -g -y
指导编写地道高效的 RxJS 代码，强调将逻辑保留在 observable 链中。提供加载状态、重构大 Observable、组合内部流及自定义操作符等参考模式，帮助避免过早订阅和命令式编程陷阱。
用户正在编写或重构使用 RxJS 的代码
代码中出现 .pipe()、.subscribe()、Observable 等 RxJS 相关模式
讨论响应式流、observables 或 RxJS 操作符
npx skills add sanity-io/sanity --skill rxjs-like-a-pro -g -y
指导如何为 Sanity 配置系统添加和审查属性缩减器，确保根配置与插件配置的合并行为确定。涵盖 Reducer 模式、类型定义、Beta 标志及默认插件门控的实现规范。
添加新的配置属性
处理根配置与插件配置的合并逻辑
实现 Beta 功能标志
配置默认插件注入门控
npx skills add sanity-io/sanity --skill sanity-config-reducers -g -y
指导在 Sanity 核心模块中创建、配置和集成默认插件，涵盖插件定义、国际化资源及注册流程。
需要添加或修改 Sanity 核心插件
配置默认插件的注册与依赖
npx skills add sanity-io/sanity --skill sanity-default-plugins -g -y
指导正确使用Sanity框架中的i18n Translate组件，强调避免内联定义components以防止性能问题和状态丢失，并提供处理HTML标签、静态标记及需数据传递组件的最佳实践。
使用<Translate>组件渲染含标记的本地化字符串
添加或审查<Translate>用法
触发@repo/i18n/no-inline-translate-components lint规则
npx skills add sanity-io/sanity --skill sanity-i18n-translate -g -y
说明如何创建和配置 Sanity Studio 插件，涵盖定义插件、工具、组件及国际化等核心 API 用法。
创建 Sanity Studio 插件
扩展 Sanity 功能
自定义 Studio UI
npx skills add sanity-io/sanity --skill sanity-plugin-authoring -g -y
用于在 Sanity 项目中添加、审查和维护 Chromatic 视觉回归测试覆盖。支持通过 Storybook 故事、Vitest 浏览器模式和 Playwright e2e 快照进行 UI 组件的视觉一致性检查与迁移验证。
添加新的视觉回归测试覆盖
编写或审查 Storybook 故事文件
审查 Chromatic 视觉差异报告
进行 styled-components 到 vanilla-extract 或 @sanity/ui 到 ui5 的样式迁移
npx skills add sanity-io/sanity --skill sanity-visual-regression -g -y
Storybook AI CLI集成技能，用于管理UI组件、故事及样式变更。支持Storybook安装升级、启动预览服务，并强制执行AI工作流以同步代码与文档，确保UI状态验证。
创建或修改前端组件
编写或更新Storybook故事
调整CSS、主题或设计令牌
启动或预览Storybook以验证UI
查询组件文档、Props或使用示例
npx skills add sanity-io/sanity --skill stories -g -y
用于在未配置 Storybook 的项目中初始化 Storybook，包括安装、添加 MCP 插件并调用后续技能完成项目特定配置。
项目中缺少 Storybook 配置
需要初始化 Storybook 环境
npx skills add sanity-io/sanity --skill storybook-init -g -y
用于在Storybook已安装且版本达标时，通过AI辅助生成预览文件和组件故事。需严格遵循命令行输出的Markdown指令，不自行制定计划。
用户需要为现有Storybook配置preview文件
用户希望为真实组件生成Storybook故事
npx skills add sanity-io/sanity --skill storybook-setup -g -y
指导将 Storybook 升级至 10.5 或更高版本，包括阅读官方文档及处理预发布版本的命令。
需要升级 Storybook 版本
Storybook 版本低于 10.5
npx skills add sanity-io/sanity --skill storybook-upgrade -g -y
指导采用红-绿-重构循环的测试驱动开发技能，强调通过公共接口验证行为，反对横向切片，提倡垂直切片和集成风格测试。
用户希望使用 TDD 构建功能或修复 bug
提到 'red-green-refactor'
要求进行测试优先开发
npx skills add sanity-io/sanity --skill tdd -g -y
基于Vercel工程团队的React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化等57条规则，用于指导代码编写、审查及重构以提升应用性能。
编写或审查React/Next.js组件代码
进行数据获取逻辑实现
执行代码重构以优化性能
分析并减少应用包体积
npx skills add sanity-io/sanity --skill vercel-react-best-practices -g -y
指导用户创建符合规范的 Agent Skill，涵盖需求收集、结构搭建、模板编写及资源组织，确保描述清晰以支持自动触发。
创建新的 agent skill
编写 SKILL.md
构建技能结构
npx skills add sanity-io/sanity --skill write-a-skill -g -y
帮助用户在开放智能体技能生态系统中搜索、发现并安装可安装的 Agent Skills，支持通过 CLI 进行关键词查询和一键部署。
用户询问如何实现某项功能或寻找相关技能
用户希望扩展智能体能力或查找特定领域的工具模板
npx skills add sanity-io/sanity --skill find-skills -g -y
Dependencies:
<package>
<owner/repo@skill>
vercel-labs/agent-skills@vercel-react-best-practices
提供 Playwright 测试开发的全方位指南，涵盖 E2E、组件、API 及可视化测试。支持编写新用例、修复不稳定测试、调试失败、实现 POM 模式、配置 CI/CD 及性能优化，确保测试质量与效率。
编写 Playwright 测试用例
调试失败的自动化测试
修复不稳定的测试 (flaky tests)
配置测试环境或 CI/CD 流程
npx skills add sanity-io/sanity --skill playwright-best-practices -g -y
