archify

by tt-a1i · Claude Skill · ★ 2.8k

About archify

Archify 聊两句就画出好看的架构图、技术流程图、调用时序图、数据流图和生命周期图。深色 / 浅色一键切。导出最高 4× 清晰 PNG / JPEG / WebP / SVG,或直接复制到剪贴板。 Archify 是一个 Claude Skill:你用大白话描述自己的系统或流程,它就把你的描述变成一张做工精细的技术图 —— 一个单文件 HTML,在浏览器里打开就能切主题、复制到剪贴板、导出成各种图片格式。 不需要会画图 —— 把组件和连接关系说给 Claude 就行 支持 workflow / sequence / data flow / lifecycle —— 技术流程、审批链、工具调用、CI/CD、请求调用链、数据管线、PII 边界、状态机都可以画 内置主题切换 —— 深色 / 浅色一键切,浏览器记住偏好 一键复制到剪贴板 —— 直接贴到 Slack、飞书、微信、Notion、GitHub issue 导出图片超清晰 —— PNG / JPEG / WebP 全部由浏览器在最高 4× 源分辨率下原生光栅化(不是位图放大,没有糊),或导出 SVG 做真矢量 SVG 自动跟系统深浅色 —— 导出的 SVG 内嵌两套变量 + ,贴到 GitHub README 里,读者切深浅色图跟着切(不用两张 PNG + 包起来) 单文件 HTML —— 生成的 HTML...

anthropicarchitecture-diagramclaude-skilldark-modedeveloper-toolsdiagram-as-codehtml-diagrammermaid-alternativesvgsystem-design

Quick Facts

Stars2,801
Forks170
LanguageJavaScript
CategoryClaude Skill
LicenseMIT
Quality Score61.1175627692383/100
Open Issues10
Last Updated2026-07-06
Created2026-04-15
Platformsbrowser, claude-code, node
Est. Tokens~15k

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular JavaScript Agent Tools

Frequently Asked Questions

What is archify?

archify is Any agent Skill: generate beautiful architecture diagrams with dark/light theme toggle and PNG/JPEG/WebP/SVG export. It is categorized as a Claude Skill with 2.8k GitHub stars.

What programming language is archify written in?

archify is primarily written in JavaScript. It covers topics such as anthropic, architecture-diagram, claude-skill.

How do I install or use archify?

You can find installation instructions and usage details in the archify GitHub repository at github.com/tt-a1i/archify. The project has 2.8k stars and 170 forks, indicating an active community.

What license does archify use?

archify is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools