# 工具集

> 全部已收录的资源，编辑推荐的排在前面。下面几种条件可以同时用。

- 可以搜索：在地址后加 `?q=<关键词>`，多个关键词用空格分隔，要同时命中。搜的是名称、仓库、标签、职业、简介与 README。
- 可以按类型过滤：在地址后加 `?type=<cli|skill|plugin|mcp>`。
- 可以按职业过滤：在地址后加 `?profession=<职业编号>`，多个用逗号分隔，资源适合其中任意一个即可。编号见 https://hebbmind.com/api/v1/professions
- 可以按标签过滤：在地址后加 `?tag=<标签>`，多个用逗号分隔，资源要同时带有这些标签。标签见 https://hebbmind.com/api/v1/tags

适合全栈 / 独立开发或算法 / AI的资源，带标签 `html`，共 5 项。

> - 全栈 / 独立开发：跨前后端的通用研发：编码 Agent 工作流、代码评审、调试与 Git 协作。
> - 算法 / AI：模型训练、评测与大模型应用开发。

- [Archify](https://hebbmind.com/zh-TW/skill/archify.md): [Skill] 把自然语言描述、Mermaid 或真实代码仓库转成可交互的单文件 HTML 图表，覆盖架构图、流程图、时序图、数据流与状态机，生成后自动校验，可导出 PNG/SVG。
- [Diagram Design](https://hebbmind.com/zh-TW/skill/diagram-design.md): [Skill] 生成自包含 HTML+SVG 的杂志风图表：架构图、流程图、时序图、泳道图、甘特图等数十种类型，可读取网站配色匹配品牌，支持导入 Mermaid、draw.io 与 Excalidraw 源文件重绘。
- [Playground](https://hebbmind.com/zh-TW/plugin/playground.md): [Plugin] 让 agent 生成单文件 HTML 交互式 playground：一侧是可视化控件，一侧是实时预览，底部输出可复制回 Claude 的提示词。内置设计调参、数据探索、概念图、文档批注、代码评审、代码架构图等模板。Anthropic 官方维护。
- [visual-explainer](https://hebbmind.com/zh-TW/skill/visual-explainer.md): [Skill] 把架构说明、diff 评审、计划审查、数据对比等内容生成自包含的 HTML 页面或幻灯片，支持 Mermaid 图与深浅色主题，替代终端里的 ASCII 图表。
- [WeasyPrint](https://hebbmind.com/zh-TW/cli/weasyprint.md): [CLI] 用 HTML 与 CSS 排版并导出 PDF 的渲染引擎，支持分页等打印样式标准，适合批量生成统计报告、发票与票据。Python 实现，依赖系统的 Pango 库。