Agent Skills
› chaibuilder/core
chaibuilder/core
GitHub用于创建独特且生产级的前端界面，避免通用AI美学。当用户需要构建网页、组件、应用或美化UI时触发，指导设计思维并生成具有鲜明风格的高质量代码。
Install All Skills
npx skills add chaibuilder/core --all -g -y
Skills in Collection (7)
用于创建独特且生产级的前端界面，避免通用AI美学。当用户需要构建网页、组件、应用或美化UI时触发，指导设计思维并生成具有鲜明风格的高质量代码。
构建网页组件或页面
美化Web UI样式
开发前端应用
npx skills add chaibuilder/core --skill anthropic-frontend-design -g -y
ChaiBuilder Core 扩展模式指南，涵盖 Next.js 中构建器 UI 扩展、自定义区块定义、服务端配置及页面渲染流程。提供核心 API 快速参考与代码示例，用于实现页面内容管理与动态渲染。
需要扩展 ChaiBuilder 构建器界面
创建或注册自定义内容区块
配置 ChaiBuilder 服务端逻辑
实现基于 ChaiBuilder 的页面渲染
npx skills add chaibuilder/core --skill chaibuilder -g -y
基于Vercel工程团队的React和Next.js性能优化指南，涵盖消除数据瀑布、代码包体积优化及服务端性能等8大类规则。用于指导编写、审查或重构前端代码，确保应用达到最佳性能表现。
编写新的React组件或Next.js页面
审查代码以发现性能瓶颈
重构现有React/Next.js代码以提升性能
优化Bundle大小或加载速度
npx skills add chaibuilder/core --skill vercel-react-best-practices -g -y
用于审查Web界面代码是否符合设计规范与最佳实践，支持检查可访问性、UX及设计审计。通过获取最新指南并比对指定文件，输出简洁的违规位置报告。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add chaibuilder/core --skill web-design-guidelines -g -y
用于创建独特且生产级的前端界面，避免通用AI审美。指导构建网页组件、页面及应用，强调大胆的美学方向、精细的排版色彩及动效，生成高质量代码。
构建Web组件或页面
设计仪表盘或着陆页
美化Web UI样式
npx skills add chaibuilder/core --skill anthropic-frontend-design -g -y
提供Vercel官方React与Next.js性能优化指南，涵盖消除数据瀑布、代码分割、服务端渲染及重渲染优化等45条规则。适用于编写、审查或重构前端组件以提升应用加载速度与运行效率。
编写新的React组件或Next.js页面
实施客户端或服务端数据获取逻辑
审查代码以识别性能瓶颈
重构现有React/Next.js代码
优化应用包体积或加载时间
npx skills add chaibuilder/core --skill vercel-react-best-practices -g -y
用于审查UI代码是否符合Web界面指南，支持检查无障碍性、UX及最佳实践。通过获取最新规则并比对文件，输出简洁的违规位置报告。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add chaibuilder/core --skill web-design-guidelines -g -y
