Agent Skills
› ctrlplanedev/ctrlplane
ctrlplanedev/ctrlplane
GitHub提供React组件组合模式指南，解决布尔属性泛滥问题，支持构建可复用组件库、重构复杂组件及设计灵活API，涵盖架构、状态管理及React 19新特性。
Install All Skills
npx skills add ctrlplanedev/ctrlplane --all -g -y
Skills in Collection (3)
提供React组件组合模式指南，解决布尔属性泛滥问题，支持构建可复用组件库、重构复杂组件及设计灵活API，涵盖架构、状态管理及React 19新特性。
重构包含大量布尔属性的组件
构建可复用的组件库
审查组件架构
使用复合组件或上下文提供者
npx skills add ctrlplanedev/ctrlplane --skill vercel-composition-patterns -g -y
提供React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及服务端性能等规则。用于指导代码编写、审查与重构，确保应用达到最佳性能标准。
编写或重构React/Next.js组件
进行代码审查以发现性能问题
优化数据获取策略
减小包体积或提升加载速度
npx skills add ctrlplanedev/ctrlplane --skill vercel-react-best-practices -g -y
审查前端UI代码是否符合Web界面指南，支持无障碍、UX审计及最佳实践检查。通过抓取最新规则并逐行比对文件，输出精简的违规位置报告。
review my UI
check accessibility
audit design
review UX
npx skills add ctrlplanedev/ctrlplane --skill web-design-guidelines -g -y
