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