Agent Skills
› sanity-io/sanity
sanity-io/sanity
GitHub执行多维度代码审查,涵盖正确性、可读性、架构、安全性和性能五个维度。用于合并前评估代码质量,确保符合项目规范并提升整体代码健康度。
Install All Skills
npx skills add sanity-io/sanity --all -g -y
Skills in Collection (17)
执行多维度代码审查,涵盖正确性、可读性、架构、安全性和性能五个维度。用于合并前评估代码质量,确保符合项目规范并提升整体代码健康度。
合并 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
通过连续追问和压力测试,帮助用户深入审视计划或设计,梳理决策树分支并消除依赖。适用于用户主动要求“grill me”或希望严格检验方案可行性的场景。
用户要求压力测试计划或设计
用户提及 'grill me'
用户希望获得对方案的深度审查
npx skills add sanity-io/sanity --skill grill-me -g -y
探索代码库以发现架构改进机会,识别耦合模块和可测试性提升点。通过分析模块深度、依赖关系和测试影响,提出重构建议并生成接口设计 RFC,旨在使代码更易于维护和AI导航。
用户希望改进代码架构
寻找重构机会
整合紧密耦合的模块
提高代码库的可测试性
npx skills add sanity-io/sanity --skill improve-codebase-architecture -g -y
指导如何基于测量数据优化应用性能,涵盖前端Core Web Vitals及后端瓶颈分析,遵循测量、识别、修复、验证和防护的工作流。
存在性能要求或SLA
怀疑引入性能回归
Core Web Vitals不达标
响应时间慢
npx skills add sanity-io/sanity --skill performance-optimization -g -y
通过 CLI 自动化浏览器交互,支持网页导航、表单填写、截图及数据提取。适用于 Web 应用测试、页面状态快照及信息抓取等场景。
需要自动化操作网页或进行 Web 测试
需要从网站提取数据或生成截图
npx skills add sanity-io/sanity --skill playwright-cli -g -y
用于生成符合规范的PR描述和发布说明。自动分析代码变更,遵循模板撰写动机、替代方案及测试信息,支持草稿创建与标签添加,适用于PR创建及发布文档编写场景。
创建Pull Request
撰写PR描述
起草发布说明
npx skills add sanity-io/sanity --skill pr-description -g -y
提供 RxJS 最佳实践,指导编写 idiomatic、高效代码。覆盖 pipe 链式处理、避免过早 subscribe 及重构大型 Observable,解决异步流管理中的常见反模式。
用户编写或重构使用 RxJS 的代码
代码中出现 rxjs 导入或 .pipe()、.subscribe() 等响应式模式
npx skills add sanity-io/sanity --skill rxjs-like-a-pro -g -y
用于处理 Sanity 配置属性的合并与还原逻辑,支持根配置和插件配置的确定性合并。涵盖 Beta 标志、功能配置及默认插件门控的添加与审查,确保类型安全与值解析一致性。
需要合并根配置与插件配置属性
添加或审查 Beta 功能标志
配置默认插件注入门控
处理配置值的类型验证与解析
npx skills add sanity-io/sanity --skill sanity-config-reducers -g -y
指导在 Sanity monorepo 中创建、配置和集成核心插件,包括使用 definePlugin 定义插件结构、添加本地化资源及在 resolveDefaultPlugins 中注册接线。
添加新的 Sanity 核心插件
修改现有核心插件结构
在默认插件列表中注册新插件
为插件添加国际化资源
npx skills add sanity-io/sanity --skill sanity-default-plugins -g -y
用于创建和解释 Sanity Studio 插件,支持通过 definePlugin 配置文档、表单、工具及 UI 组件,提供类型安全和可配置性。
创建 Sanity 插件
配置 Sanity 工具或 UI 组件
npx skills add sanity-io/sanity --skill sanity-plugin-authoring -g -y
用于在 Sanity monorepo 中通过 Storybook、Vitest 和 Playwright 添加、审查和维护 Chromatic 视觉回归测试覆盖。
添加视觉测试覆盖
编写 Storybook 故事
审查 Chromatic 差异
PR 需要视觉回归保护
npx skills add sanity-io/sanity --skill sanity-visual-regression -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页面
审查代码以发现性能问题
重构现有React/Next.js代码
优化应用加载速度或包体积
npx skills add sanity-io/sanity --skill vercel-react-best-practices -g -y
指导如何创建符合规范的 Agent Skill,包括需求收集、SKILL.md 编写、资源打包及审查流程,确保技能结构清晰且易于触发。
用户想要创建新技能
需要构建 Agent 能力模块
询问 SKILL.md 模板或规范
npx skills add sanity-io/sanity --skill write-a-skill -g -y
帮助用户发现并安装智能体技能,通过搜索关键词定位可安装的模块化技能包,并提供安装命令与详情链接。
询问如何实现某功能
寻找特定任务的技能
希望扩展智能体能力
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)
调试测试失败原因
实施 Page Object Model 架构
配置测试相关的 CI/CD 流程
npx skills add sanity-io/sanity --skill playwright-best-practices -g -y


