Agent Skills
› nolly-studio/cult-ui
nolly-studio/cult-ui
GitHub提供构建现代、可组合且无障碍的 React UI 组件的综合规范。涵盖组件 API 设计、组合模式、状态管理、样式系统（Tailwind/CVA）及 TypeScript 类型定义，指导创建、审查和重构组件库与设计系统。
安装全部 Skills
npx skills add nolly-studio/cult-ui --all -g -y
集合内 Skills (4)
提供构建现代、可组合且无障碍的 React UI 组件的综合规范。涵盖组件 API 设计、组合模式、状态管理、样式系统（Tailwind/CVA）及 TypeScript 类型定义，指导创建、审查和重构组件库与设计系统。
创建新的 React 组件或组件库
设计组件 API 和 Prop 接口
实现键盘导航、ARIA 等无障碍功能
构建可组合的组件架构
使用 Tailwind CSS 进行组件样式化
npx skills add nolly-studio/cult-ui --skill components-build -g -y
提供前端界面构建与审查的设计准则，涵盖排版、表面样式和动画细节。用于指导Web UI组件、页面布局及样式的开发，确保设计一致性与精致度，优先遵循项目DESIGN.md规范。
构建或审查Web UI组件
处理页面布局与样式调整
优化字体排版与动画效果
npx skills add nolly-studio/cult-ui --skill frontend-design -g -y
提供UI动画性能优化指南，涵盖合成、绘制和布局规则。用于修复卡顿、审查动画代码或实施滚动关联运动，确保使用transform/opacity等高效属性，避免重排重绘。
修复UI动画性能问题
审查动画代码违规
重构卡顿交互
实现滚动关联动画
npx skills add nolly-studio/cult-ui --skill fixing-motion-performance -g -y
提供UI动画性能优化的约束与审查规则，涵盖渲染步骤、优先级及具体规范。用于修复卡顿、优化交互，指导添加或重构CSS/WAAPI等动画时避免布局重排与过度绘制，提升帧率。
修复UI动画性能问题
审查涉及动画的代码文件
重构卡顿的交互或过渡效果
npx skills add nolly-studio/cult-ui --skill fixing-motion-performance -g -y
