SuperAPI AI 工具集

design

设计与创作

查看项目

更新于 10-15 20:13

技能介绍

用途:在 Cognite Aura 设计体系下端到端地指导 UI 构建与样式实现,包括选择与组合基础组件、遵循语义令牌与 Tailwind 用法、按认可布局组织页面、撰写面向用户的文案,以及实现校验、加载、错误、确认与无障碍行为。原则是优先使用 Aura 而非自定义 UI,并通过 Storybook 查看 props、变体与实时示例。

主要能力与适用场景:创建或迁移交互式 UI、表单、表格、导航与数据展示;编写或修改样式、颜色、间距与排版;选择组件、令牌或布局模式;创建或重构页面与响应式布局;撰写或编辑任何面向用户的文本;构建表单、处理 API 响应、异步操作、确认与动态内容;实现无障碍(键盘、焦点、标题、ARIA、替代文本);在 Dune 或 React 应用中正确应用 Aura。

使用方式:详细规则分散在配套文件中,实施前应先阅读相关文件。按任务查阅:选择或实现组件、应用样式与令牌时看 picking-components.md;组织页面或选择布局模式时看 building-pages.md;撰写用户文案时看 writing-copy.md;处理表单、加载、错误、确认或页面级无障碍时看 handling-states.md;查询基础或组件的 Storybook 链接时看 storybook-links.md。Storybook URL 的权威列表应始终结合 ./storybook-links.md 使用。

限制:资料未提供具体组件清单、令牌名称、代码示例、安装命令、平台支持范围或收费信息,这些内容暂未提供。