SuperAPI AI 工具集

kilo-design-cloud

设计与创作

查看项目

更新于 10-15 23:46

技能介绍

用途:Kilo Design Cloud 是 Kilo 设计系统首个面向智能体的适配层,覆盖 Kilo Cloud Web 应用及首批 Cloud 模式配方,用于编辑或审查 Cloud UI 路径(如 apps/web/src/**)时提供规则与配方。

主要能力与使用方式:若任务有目标 Cloud 文件,先读该文件;涉及组件时同时读取 apps/web/src/components/ui/ 中对应基础组件。所有 Cloud UI 工作加载 overlay.md;仅在需要时加载一个内部参考(产品判断、品牌、令牌架构、文案或交互质量);除非任务跨多个模式,最多加载一个匹配配方。无配方时使用 overlay 加当前 Cloud 代码,并报告覆盖缺口。独立原型或自包含 HTML 任务使用 Standalone Generation Mode,需先加载 overlay.md、brand.md、voice.md、token-architecture.md,涉及表单等状态时加 interaction-quality.md,并可用只读的 src/tokens.cloud.ts。

令牌契约:Cloud 生成令牌产物为 src/tokens.cloud.ts,UI 代码通过 apps/web/src/app/globals.css 与 --primary、--background、--ring 等语义角色映射;不得使用 src/tokens.landing.css 或 src/tokens.extension-host-map.md 作为 Cloud UI 来源。

配方路由:主操作/CTA/按钮层级加载 patterns/cloud-web/primary-actions.md;标签页/分段导航加载 patterns/cloud-web/tabs.md;令牌与 globals.css 加载 reference/token-architecture.md 并记录 Cloud 令牌采用为 VVV-130;文案与空状态加载 reference/voice.md;表单、焦点、键盘、覆盖层、响应式、触控、加载、禁用、动效加载 reference/interaction-quality.md;徽章、警告、对话框、侧边栏、空状态加载 overlay.md,缺规则时报告覆盖缺口。

限制:不构建 Landing、Editor、Console、Mobile、JetBrains 或 CLI 指引;不重建 Cloud DESIGN.md;除非任务是 primary-actions 实现,不迁移所有硬编码蓝色按钮;无真实 Canonical Example 不发明配方;不复制 playground/ 的 UI 结构;不将 playground 样例 UI 用作 Cloud Canonical Example;聚焦任务不混入广泛产品清理。完成标准:答案或改动需指明所加载的 overlay/配方,遵循真实 Cloud 代码,且不规范化无关 UI。