Agent Skills
› nolly-studio/cult-ui
nolly-studio/cult-ui
GitHub提供构建现代、可组合且无障碍的 React UI 组件的综合规范。涵盖组件 API 设计、状态管理、TypeScript 类型定义、样式系统(Tailwind/CVA)及发布流程,用于指导组件库和设计系统的创建与重构。
Install All Skills
npx skills add nolly-studio/cult-ui --all -g -y
Skills in Collection (3)
提供构建现代、可组合且无障碍的 React UI 组件的综合规范。涵盖组件 API 设计、状态管理、TypeScript 类型定义、样式系统(Tailwind/CVA)及发布流程,用于指导组件库和设计系统的创建与重构。
创建新的 React 组件或组件库
设计组件 API 和 prop 接口
实现键盘导航、ARIA 等无障碍功能
构建可组合的组件架构
使用 Tailwind CSS 和 CVA 进行样式化
npx skills add nolly-studio/cult-ui --skill components-build -g -y
提供前端UI动画性能优化指南,涵盖合成、绘制、布局规则,用于修复卡顿、审查代码及重构交互。
修复UI动画性能问题
审查动画相关代码文件
重构卡顿的交互或过渡效果
npx skills add nolly-studio/cult-ui --skill fixing-motion-performance -g -y
提供UI动画性能优化指南,涵盖渲染原理与优先级规则。用于修复卡顿、审查动画代码及实施滚动联动效果,确保使用transform和opacity等高效属性,避免重排重绘。
修复UI动画性能问题
审查动画相关代码文件
重构卡顿的交互或过渡效果
实现滚动联动动画
npx skills add nolly-studio/cult-ui --skill fixing-motion-performance -g -y


