【免费下载链接】gptaku_plugins
A Claude Code plugin marketplace for people who want to become AI Native
GPTaku Plugins是一个面向 Claude Code 的开源插件市场，其中的insane-design插件专门解决一个痛点：从任意网站 URL 一键提取完整的设计系统——真实读取页面的 CSS，产出干净的design tokens（颜色、字体、间距、圆角、阴影）、一份结构化的design.md设计规范，以及可点击复制的 HTML 报告。无需 API Key，无需手动扒样式。
为什么需要 design token 提取工具
做前端或让 AI 帮你写 UI 时，最常见的场景是：「我想把这个网站的设计风格搬到自己项目里」。传统做法是打开 DevTools，手动记录颜色值、字号、间距……费时且容易遗漏。
insane-design 的思路完全不同：
- 读真实 CSS：不是让 AI 凭截图「猜」配色，而是解析站点实际生效的样式
- 只取关键项：color（颜色）、type（字体）、spacing（间距）、radius（圆角）、shadow（阴影）、fonts（字体栈）
- 产出即文档：token 集合 +
design.md规范，可直接作为 AI Agent 的上下文输入
一键安装步骤：3条命令搞定
在 Claude Code 中依次执行：
# 1) 添加 GPTaku 插件市场（仅需一次） /plugin marketplace add https://gitcode.com/gh_mirrors/gp/gptaku_plugins # 2) 安装 insane-design /plugin install insane-design@gptaku-plugins # 3) 热加载，无需重启 /reload-plugins安装完成后无需任何额外配置——它属于「仅依赖 Claude Code、不需要凭据」的插件，详见 README.md 的 Trust & setup 章节。
使用示例：从URL到design.md只要一句话
安装后直接用自然语言下指令即可，官方给出的示例：
"Extract the design system from https://stripe.com"
插件会完成整条链路：抓取页面 → 解析 CSS → 归纳 tokens → 生成design.md→ 输出 HTML 报告。你可以在 HTML 报告中逐条点击复制 token 值，直接粘进自己的项目或提示词里。
对新手来说，这意味着「复刻一个网站的视觉风格」从数小时的体力活变成一条命令的事。
产出的三份「设计系统资产」
| 产出物 | 形态 | 典型用途 |
|---|---|---|
| design tokens | 结构化键值（颜色/字号/间距等） | 直接注入前端工程或 AI 提示词 |
| design.md | 人类可读的设计规范文档 | 团队对齐、作为 Agent 的设计上下文 |
| HTML 报告 | 可交互页面，支持点击复制 | 人工核对、快速取用单个值 |
进阶玩法
- 喂给 AI 建站：把提取出的
design.md交给 Claude Code，让生成的页面严格遵循目标网站的视觉语言 - 多站点对比：对多个竞品 URL 分别提取，快速得到 token 差异表
- 与 insane-search 组合：insane-search 负责「读得进」被拦截的页面，insane-design 负责「读得准」设计资产，两者都装在同一个市场里
延伸阅读
- README.md 的 insane-design 简介：官方对插件能力的一句话定义
- README.zh.md：完整的中文插件目录与安装说明
- plugins/insane-design/：插件子模块目录，包含其自身的命令边界与依赖说明
- site/index.html：插件市场页面，可勾选多个插件一次性生成安装命令
一句话总结：只要你能打开这个网站，insane-design 就能把它的设计系统变成你可复用的design tokens和design.md。
【免费下载链接】gptaku_plugins
A Claude Code plugin marketplace for people who want to become AI Native
相关推荐
Vue/Nuxt 设计系统提取指南：基于 stitch-skills extract-design-md 从源码逆向出 DESIGN.md
Vue/Nuxt 设计系统提取指南：基于 stitch skills extract design md 从源码逆向出 DESIGN.md 导读 本文讲解 st
AI 技能AI 插件open-design 设计系统包契约详解：manifest.json、DESIGN.md 与四层 Token 体系
open design 设计系统包契约详解：manifest.json、DESIGN.md 与四层 Token 体系 本文以 open design 仓库中的
AI 应用人工智能AI 技能设计系统媒体生成设计令牌（Design Tokens）实战指南：基于lukasoppermann/design-tokens项目
设计令牌（Design Tokens）实战指南：基于lukasoppermann/design tokens项目 项目介绍 设计令牌是现代前端开发中视觉风格统一
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
到O(nK log m)实战)
