Agent Skills
› nolly-studio/cult-ui
nolly-studio/cult-ui
GitHub提供构建现代、可组合且无障碍的 React UI 组件的综合规范。涵盖组件 API 设计、组合模式、状态管理、样式系统及 TypeScript 类型定义,适用于创建或重构组件库和前端界面。
Install All Skills
npx skills add nolly-studio/cult-ui --all -g -y
Skills in Collection (4)
提供构建现代、可组合且无障碍的 React UI 组件的综合规范。涵盖组件 API 设计、组合模式、状态管理、样式系统及 TypeScript 类型定义,适用于创建或重构组件库和前端界面。
创建新的 React 组件或组件库
设计组件 API 和 Prop 接口
实现无障碍访问功能
构建可组合的组件架构
npx skills add nolly-studio/cult-ui --skill components-build -g -y
提供前端界面设计准则,涵盖方向、排版、表面样式等细节。用于构建或审查Web UI组件、页面及布局,强调遵循项目特定设计规范,确保视觉一致性与专业性。
构建前端UI组件
审查网页界面设计
调整页面布局和样式
npx skills add nolly-studio/cult-ui --skill frontend-design -g -y
提供UI动画性能优化指南,涵盖合成、绘制和布局层级规则。支持通过命令审查代码违规项并给出修复建议,适用于CSS、WAAPI等动画场景的性能调优与重构。
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


