用途:为 Cursor AI 提供真实 UI 组件知识,使其生成生产级界面而非通用输出。
主要能力:内置 60 个生产级组件模式(来源 component.gallery),覆盖输入、导航、布局、内容、反馈、数据、表单与高级组件;每个组件含最佳实践(无障碍、尺寸、行为)、常见布局、别名与反模式。提供 5 种设计方向预设:Modern SaaS(默认)、Apple 级极简、企业/公司、创意/作品集、数据仪表盘。强调无障碍优先、语义化 HTML、键盘可访问、加载与空状态反馈、设计令牌系统。
使用方式:安装后自动激活,无需显式引用。个人安装:git clone https://github.com/carmahhawwari/ui-design-brain.git ~/.cursor/skills/ui-design-brain;项目安装:git clone https://github.com/carmahhawwari/ui-design-brain.git .cursor/skills/ui-design-brain;也可手动复制 SKILL.md 与 components.md 到对应目录。安装后重启 Cursor。用自然语言描述需求即可,如“Build a settings page with sidebar navigation, toggle preferences, and profile section”,也可指定风格,如“Build a pricing page with Apple-minimal aesthetic”。
适用场景:设置页、数据表格、SaaS 仪表盘、表单、模态框、导航等界面生成,支持指定框架与性能优化需求。
限制:资料未提供收费、价格与效果保证信息;组件覆盖为 60 个,未覆盖组件需显式引用;若与现有设计系统冲突,需在提示中指定样式方案。