$ loading_
为 AI 生成界面提供设计原则、模式、品牌与设计令牌支持。
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "Raven" MCP 服务: 执行:claude mcp add 'ai-ravenmcp-raven-mcp' -- npx -y raven-mcp
请根据以下品牌规范为一个 SaaS 仪表盘生成 UI 设计建议:品牌色为深蓝和青色,风格现代简洁,按钮圆角 8px,强调高可读性,并输出适用的组件模式与设计令牌。
输出一套符合品牌规范的界面设计建议,包含布局思路、组件模式、颜色与字体等设计令牌。
我正在构建一个 AI 自动生成前端页面的系统,请为登录页、表单页和数据表格页总结可复用的 UI 模式,并给出按钮、输入框、卡片和表格的设计原则。
输出适合自动化生成的组件规范与页面模式,便于统一不同页面的视觉与交互。
请把这套设计系统整理成可供前端使用的设计令牌结构,包含颜色、字号、间距、圆角、阴影和状态变量,并说明它们在 AI 生成 UI 时的使用规则。
输出结构化设计令牌及使用说明,帮助开发和 AI 生成流程保持一致。
用 AI 构建设计系统,统一管理令牌、主题、组件、图标与代码资产。