SuperAPI AI 工具集

claude-design-premium-harness

设计与创作

查看项目

更新于 10-16 01:28

技能介绍

用途:为 Claude Design Web 提供设计系统上下文绑定,防止跨会话“设计系统失忆”。它把令牌、组件、语气与约束写入持久化产物(BOUND_DS.json、DESIGN.md),让 Claude 在后续会话中无需重新交代即可遵循既有系统。零 npm 依赖,脚本在 Claude Design 画布运行时内执行,共 13 个技能,覆盖初始化、守护检查、审计(无障碍、移动端、文案、Tailwind)、展示页组装与框架交接。

主要能力:通过 BOUND_DS.json 绑定令牌、组件与清单路径;design-system-guardian 对每个 UI 任务做保真校验;依据 DESIGN.md 组装可浏览的活体样本 design-system.dc.html;交接前运行无障碍、移动优先、文本完整性、视觉原创性与 Tailwind 对齐审计;支持 Builder(自行维护设计系统)与 Consumer(使用已发布包)两种模式。

使用方式:下载 ZIP 并上传到 Claude Design Web 项目,或本地克隆;将 claude-design-premium-main 内文件复制到项目根目录,保留已有 _ds/ 或根清单;在新标签页发送 GO,harness-auto-setup 会运行 scripts/bootstrap-harness.mjs,检测模式、写入 BOUND_DS.json、搭建 design-system.dc.html 并生成 .cdp/showcase-brief.json。之后用自然语言触发技能,如“Create a settings page using our design system.”或“Run a mobile-first audit on this dashboard.”。本地可选校验命令:node scripts/bootstrap-harness.mjs、node scripts/context-signals.mjs、node scripts/test-builder-bootstrap.mjs,可用 --mode builder/consumer 覆盖模式。

适用场景:维护自有设计系统的团队、使用已发布设计系统包的应用、交接前需要审计与框架(React、Vue、Svelte 等)映射说明的项目。

限制:无需 API 密钥;若集成外部 API 需自行引用环境变量,勿硬编码密钥。DESIGN.md 未配置时样本会显示 CDP:UNCONFIGURED;组件未列入清单会被守护拒绝;模式检测失败需补最小清单或放置 _ds/<name>/ 包。该工具为社区项目,与 Anthropic 无隶属或背书关系。其余细节暂未提供。