SuperAPI AI 工具集

insane-design-apply

设计与创作

查看项目

更新于 10-15 19:47

技能介绍

用途:把 design.md(设计简报)应用到现有项目,重设计与样式,同时保留内容。核心原则是内容保留、只改设计:文本、图片 URL、链接、数据均原样保留,按简报中的视觉主题、布局、组件与令牌重写代码,而非仅做 CSS 微调。

主要能力与分级:开始时会分析源简报(含氛围、布局模式、响应式、组件、内容语调、Drop-in CSS 令牌、Agent 提示、DO/DON'T)与现有项目代码(内容清单、当前结构、技术栈),并提取一个 BOLD 方向关键词。随后选择作用范围:Lv1 仅替换 CSS 变量令牌(最安全);Lv2 保留 HTML 结构、重写样式(可选字体、品牌色、背景/文本、圆角、阴影,以及布局与组件 CSS);Lv3 整体重设计,重写 HTML 结构与 CSS,并额外选择语气强度(极致/折中)、一个难忘亮点(Hero 冲击、字体对比、分区过渡、极简极端)和动效级别(交错揭示/静态/全动效)。

使用方式:运行前会静默执行一次 setup 脚本(bash "${CLAUDE_PLUGIN_ROOT}/setup/setup.sh" >/dev/null 2>&1 || true)。按工作流交互提问:应用范围 → (Lv3 走美学设定,Lv1/Lv2 走分类细选)→ 应用前最终确认(含变更摘要与回滚命令 git restore)→ 执行写入(插入 insane-design 注释标记)→ 验证。验证包括内容保留核对、简报令牌核对,以及针对简报 DO/DON'T 与 AI Slop 的检查;Lv3 还会做 BOLD 方向承诺校验。可选异步验证子代理,不自动运行,需用户选择后才调用。

适用场景:已有落地页/作品集/官网等静态页面的风格迁移与改造,套用某参考设计的视觉规范。

限制:需要存在可用的 slug 与 design.md,找不到会列出可用 slug 并中止;依赖 git 做备份与回滚;部分深度验证(截图对比)仅在检测到 Playwright 时启用;具体收费、价格与平台信息暂未提供。