赋予你的智能体使用系统化的设计令牌、布局规则和可访问性检查来产生生产级 UI 设计的能力。
当你需要在多个屏幕之间保持统一的视觉语言时
开始一个新项目并建立可扩展的设计系统时
当你想要确保你的 UI 符合 WCAG 2.1 可访问性标准时
定义颜色、字体、间距和阴影的核心设计令牌
创建具有层次结构和响应式目标的页面规范
按照建立的令牌系统和布局规则生成 UI 组件
通过可访问性审计和交付清单运行最终设计
你
Help me design a clean admin dashboard system with a consistent look for tables and cards.
Agent
我将为你的仪表板构建一个系统化的设计系统。我们将从定义基于 8px 的间距比例和蓝色主调色板开始。然后,我将为你的数据卡片和 12 列网格布局创建可复用的组件规范,确保每个元素都可以通过键盘聚焦,并通过 WCAG 颜色对比度检查。
赋予你的智能体创建独特的、生产级前端界面的能力,这些界面具有极高的审美质量和创意、非通用的代码。
赋予您的代理使用 Tailwind CSS v4 令牌、组件和响应式模式构建生产级设计系统的能力。
赋予你的智能体通过专注于意图驱动的设计,为仪表板、管理面板和 SaaS 工具构建高水准、一致的界面的能力。
赋予您的智能体使用容器查询、流体排版、CSS Grid 和移动优先断点策略实现现代响应式布局的能力。
赋予您的智能体分析来自 Stitch 项目的技术资产并将其综合为语义化的 DESIGN.md 文件的能力。