它能做什么仓库github.com/yizhiyanhua-ai/fireworks-tech-graphMIT7k star是一个 Claude Code 的「裸 skill」pure skill非 plugin。核心能力一览维度说明自然语言输入一句话中/英文均可即可生成技术图无需手写 Mermaid/PlantUML双输出格式同时输出SVG矢量、可二次编辑PNG1920px 高清8 种风格style1~style8覆盖简约/科技/手绘/暗色等多种视觉调性14 种图类型流程图、架构图、时序图、思维导图、网络拓扑、组件关系图等UML 全覆盖类图、用例图、活动图、状态图、组件图、部署图等标准 UMLAI-Agent 领域内置预置 RAG / LLM Pipeline / Agent / Tool-use / Vector-DB 等 AI 领域 pattern开箱即用语义形状箭头根据语义自动选择箭头形状实线/虚线/粗细/箭头样式表达不同关系40 内置图标数据库、云、API、用户、服务、缓存等常用技术图标库回到顶部二、外部依赖清单依赖是否必需用途本机状态Python 3必需生成 SVG 运行 helper 脚本已装 3.14.5PNG 渲染器三选一必需把 SVG 渲染成 1920px PNG见第三节选型git必需clone 仓库到 skills 目录已装Node.jspuppeteer 时puppeteer 方案需要运行 puppeteer 渲染已装 v25.8.1系统 Chrome / Edgepuppeteer 时puppeteer 方案可复用免下载 Chromium直接用系统浏览器内核已装 Chrome字体不用额外安装puppeteer 走系统 ChromeCJK 字体由 Windows 自带字体栈兜底。回到顶部三、PNG 渲染器选型关键决策这是整个安装过程中最关键的一步直接决定中文能否正常显示。渲染器渲染质量中文支持安装体积安装方式cairosvg好✗ 中文变方框小pip install cairosvgpuppeteer最佳✅ 完美大可免下载 Chromiumnpm install -g puppeteerrsvg-convert一般✗ 丢中文中Windows 上极难装依赖 librsvg结论本机已有 Chrome 内核 → 选puppeteer 系统 Chrome。中文显示完美且通过PUPPETEER_SKIP_DOWNLOADtrue跳过 ~150MB Chromium 下载3 秒即可装完。回到顶部四、安装步骤本机实测步骤 1全局安装 skillgit clone 到 skills 目录git clone https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git ~/.claude/skills/fireworks-tech-graph注别用npx skills add—— 那是第三方 CLI非官方/plugin市场搜不到这个 skill —— 它是「裸 skill」没有注册到任何 marketplace只能 git clone。步骤 2安装 puppeteer跳过 Chromium 下载PUPPETEER_SKIP_DOWNLOADtrue npm install -g puppeteer注本机有 Chrome 内核跳过 150MB Chromium 下载3 秒装完。步骤 3配置系统环境变量写到系统级 HKLM让 puppeteer 永远指向系统 Chromeexport MSYS_NO_PATHCONV1reg add HKLM\SYSTEM\CurrentControlSet\Control\Session Manager\Environment /v PUPPETEER_EXECUTABLE_PATH /t REG_SZ /d C:\Program Files\Google\Chrome\Application\chrome.exe /f设完之后必须重启 Claude Code让新环境变量生效。
