SuperAPI AI 工具集

openclaw-design-system

设计与创作

查看项目

更新于 10-16 03:06

技能介绍

用途:该标识是 Carapace 兼容性别名,为已有 OpenClaw 安装(尤其 skills-lock.json 条目)在 v0.1.x 迁移期提供延续性;新建项目建议改用 openclaw-carapace。共享包承担基础样式与框架无关的视觉原语,而消费者专属的行为、数据、路由与布局组合保留在本地。

使用方式:更换导入前先检查消费者清单——若已安装 @openclaw/carapace 则使用它,否则在依赖迁移完成前保留旧标识 @openclaw/design-system。工作流上,选颜色、间距、字体、圆角或阴影前先读 tokens.md;按当前框架读 consumer-adapters.md;创建组件前先查看消费者已有的共享原语;界面意图用语义令牌,调色板原语仅用于有文档记录的例外;除非任务另有要求,不改动应用行为、路由与信息架构;用现有测试与真实浏览器截图验证受影响路由。

界面规则:导入完整 CSS 契约或其聚焦导出入口;先由 components.css 组合共享类,再考虑一次性视觉实现;优先本地共享原语而非原生控件或一次性组件;每个决策区只保留一个主操作;仅图标命令用常见图标并提供无障碍名称;状态色用于状态、警告、成功、错误与信息含义;卡片、控件与重复固定格式元素保持尺寸稳定;避免嵌套装饰性卡片与把页面区块做成浮动卡片;表面、控件与内边距通过语义圆角令牌保持方形,圆形几何仅留给头像、状态点等真正圆形指示;焦点、悬停、激活、禁用、加载与无效状态保持连贯;文本在支持的视口尺寸内不溢出容器;面向运营型产品界面优先密集、易于扫读的排版。

归属:当某界面与框架无关且可跨消费者复用,才把视觉实现移入本仓库;运行时行为与框架适配器保持本地,直到至少两个消费者需要相同界面与行为。

限制:资料未提供收费、价格、具体平台支持范围或性能效果等信息。