iamcheyan/ChordVoxMini

Agent Skills › iamcheyan/ChordVoxMini

GitHub

提供React组件组合模式指南，解决布尔属性泛滥问题。用于重构复杂组件、构建可复用库及设计灵活API，涵盖复合组件、状态提升和上下文提供者等架构最佳实践。

4 个 Skill 5

GitHub

npx skills add iamcheyan/ChordVoxMini --all -g -y

更多选项

预览集合内 Skills

npx skills add iamcheyan/ChordVoxMini --list

重构含多布尔属性的组件构建可复用组件库审查组件架构设计组件API

.agents/skills/vercel-composition-patterns/SKILL.md

npx skills add iamcheyan/ChordVoxMini --skill vercel-composition-patterns -g -y

提供Vercel工程团队的React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化、服务端/客户端性能及渲染优化等规则。用于指导代码编写、审查与重构，确保应用高性能。

编写或重构React组件和Next.js页面审查代码以发现性能问题实施数据获取逻辑优化包大小或加载速度

.agents/skills/vercel-react-best-practices/SKILL.md

npx skills add iamcheyan/ChordVoxMini --skill vercel-react-best-practices -g -y

提供 React Native 和 Expo 应用开发的最佳实践，涵盖列表性能优化、动画实现、UI 模式、状态管理及原生模块配置等规则，旨在提升移动应用性能与开发规范。

构建 React Native 或 Expo 应用优化列表和滚动性能使用 Reanimated 实现动画处理图片媒体资源配置原生模块或字体

.agents/skills/vercel-react-native-skills/SKILL.md

npx skills add iamcheyan/ChordVoxMini --skill vercel-react-native-skills -g -y

审查UI代码是否符合Web界面指南，支持检查无障碍性、UX审计及最佳实践合规性。通过获取最新规则并比对指定文件，以简洁格式输出发现的问题。

review my UI check accessibility audit design review UX check my site against best practices

.agents/skills/web-design-guidelines/SKILL.md

npx skills add iamcheyan/ChordVoxMini --skill web-design-guidelines -g -y