Skilloop

作品展示

展示素材来自上游仓库，转存并保留署名。 tt-a1i/archify
Archify 交互式图解 — Architecture
Architecture© tt-a1i · archify (MIT)

如何使用

  1. 1

    复制安装提示

    登录后点击右侧黑色按钮，一键复制。

  2. 2

    粘贴给你的 agent

    在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。

  3. 3

    用一句话调用

    像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。

你：/archify 帮我做：讲清楚一个系统、帮新人看懂仓库

示例对话，仅演示调用方式，不代表实际产出。

你会得到

  • 可直接分享的独立 HTML（内嵌 SVG）
  • 基于真实代码画图，节点能跳回源码
  • 导出 PNG / JPEG / WebP / SVG / WebM

适合

  • 讲清楚一个系统、帮新人看懂仓库
  • 日常计划也行：旅行、审批、办事流程

不适合

  • 需要印刷级像素精确的图
许可证
MIT
作者
@tt-a1i
来源
tt-a1i/archify/archify · ★ 78,476
支持:Claude CodeCodexCursorOpenCode

上游描述

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code.…

其他安装方式

更喜欢自己动手？下面的命令和上方按钮效果相同。

安装提示词（粘贴给你的 Agent）
Read https://skilloop.dev/skills/archify/install.md and follow the instructions to install the skill.
一行命令安装 · Claude Code
npx skills add https://github.com/tt-a1i/archify/tree/main/archify -g -a claude-code
一行命令安装 · Codex / Cursor
npx skills add https://github.com/tt-a1i/archify/tree/main/archify -g -a codex
手动安装（git） · Claude Code
git clone --depth 1 https://github.com/tt-a1i/archify.git /tmp/archify
mkdir -p ~/.claude/skills && cp -r /tmp/archify/archify ~/.claude/skills/archify

作品版权归原作者所有，依其许可证分发；本站仅做链接与介绍。

相关技能

数据报告页
免费
文档9.0k

数据报告页

把 CSV / Excel / JSON 数据变成带图表和结论的精美报告页。

作者: nexu-ionexu-io/html-anything · Apache-2.0
Skill 创建器
免费
文档179.8k

Skill 创建器

创建、修改并评测你自己的 Agent Skill，含评测与描述优化以提升触发准确率。

作者: anthropicsanthropics/skills · Apache-2.0
动手前头脑风暴
免费
文档295.7k

动手前头脑风暴

让编码 agent 在写代码前先和你澄清意图、需求和设计。

作者: obraobra/superpowers · MIT
系统化调试
免费
文档295.7k

系统化调试

四阶段调试纪律：先找根因再修复，适用于任何 bug 或失败测试。

作者: obraobra/superpowers · MIT