Agent Skills
› iamcheyan/ChordVoxMini
iamcheyan/ChordVoxMini
GitHub提供React组件组合模式指南，通过复合组件、状态提升和上下文等技巧避免布尔属性泛滥，旨在优化组件架构设计、重构代码及构建可复用库。
Install All Skills
npx skills add iamcheyan/ChordVoxMini --all -g -y
Skills in Collection (4)
提供React组件组合模式指南，通过复合组件、状态提升和上下文等技巧避免布尔属性泛滥，旨在优化组件架构设计、重构代码及构建可复用库。
重构具有大量布尔属性的组件
构建可复用的组件库
审查组件架构
设计灵活的组件API
npx skills add iamcheyan/ChordVoxMini --skill vercel-composition-patterns -g -y
提供Vercel官方React与Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及服务端渲染等57条规则，用于指导代码编写、审查与重构以提升应用性能。
编写或审查React/Next.js组件
实施客户端或服务端数据获取
重构现有代码以优化性能
优化包体积或加载速度
npx skills add iamcheyan/ChordVoxMini --skill vercel-react-best-practices -g -y
提供 React Native 和 Expo 应用开发的最佳实践指南，涵盖列表性能优化、动画实现、UI 模式、状态管理及原生模块配置等核心领域，旨在提升移动端应用的构建质量与运行效率。
构建 React Native 或 Expo 应用
优化列表和滚动性能
使用 Reanimated 实现动画
处理原生模块或字体配置
npx skills add iamcheyan/ChordVoxMini --skill vercel-react-native-skills -g -y
审查 Web UI 代码是否符合界面设计规范，支持访问性、UX 及最佳实践审计。通过抓取最新指南并逐条比对文件内容，输出详细问题报告。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add iamcheyan/ChordVoxMini --skill web-design-guidelines -g -y
