SuperAPI AI 工具集

claude-design

设计与创作

查看项目

更新于 10-16 11:19

技能介绍

用途:当用户需要本应由 Claude Design 完成的设计工作,但智能体运行在 CLI/API 环境而非托管网页 UI 时使用。适用于落地页、teaser 页、高保真原型、交互式产品模型、视觉方案板、组件探索、设计系统预览、HTML 幻灯片、动效研究、引导流程、仪表盘概念等。

主要能力:提供设计流程与品味——如何界定需求、收集上下文、产出多个变体、验证本地 HTML 成果、规避 AI 设计套路。默认交付物是完整的本地 HTML 文件,CSS 与 JS 自包含,并在最终回复中给出确切磁盘路径。若用户要求在既有仓库中实现,则按仓库真实技术栈生成代码,而非强行输出独立 HTML。

使用方式:先查找品牌文档、截图、现有仓库组件、设计 token、UI 套件等源上下文,读取主题、token、全局样式与组件文件后再设计。随后定义本成果的设计系统(颜色、字体、间距、圆角、阴影、动效、组件与交互规则),再选择格式并构建,最后用可用手段验证并简要汇报。需要时加载 popular-web-designs 提供知名品牌视觉词汇;若交付物是 token 规格文件而非渲染产物,改用 design-md。

限制:该技能运行于 CLI/API 模式,需忽略宿主 UI 专有工具与回调(如 done()、show_to_user()、预览面板、Tweaks 工具栏协议等),改用当前环境实际可用的工具。不应用它做纯 DESIGN.md token 编写。应避免渐变背景、玻璃拟态、图标泛滥的通用卡片、假指标、装饰性 SVG 等 AI 设计套路。缺失素材时使用干净占位符或询问用户。资料未提供具体收费、价格或平台支持信息。