Showcase
Showcase media from the upstream repository, re-hosted with credit. tt-a1i/archify
How to use
- 1
Copy the install prompt
Click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/archify make me: Explaining a system or onboarding to a repoExample message showing how to invoke it, not a real output.
What you get
- Standalone HTML with inline SVG you can share
- Repo-aware diagrams with links back to source
- PNG / JPEG / WebP / SVG / WebM export
Good fit
- Explaining a system or onboarding to a repo
- Everyday plans: trips, approval flows, processes
Not for
- Pixel-precise diagrams for print
- License
- MIT
- Author
- @tt-a1i
- Source
- tt-a1i/archify/archify · ★ 78,476
Upstream description
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.…
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/archify/install.md and follow the instructions to install the skill.
npx skills add https://github.com/tt-a1i/archify/tree/main/archify -g -a claude-code
npx skills add https://github.com/tt-a1i/archify/tree/main/archify -g -a codex
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
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
Data Report Page
Turn a CSV, Excel or JSON file into a polished visual report page with charts and key takeaways.
Skill Creator
Create, edit and benchmark your own Agent Skills — including evals and description tuning for better triggering.
Brainstorming Before Building
Makes your coding agent clarify intent, requirements and design with you before it writes any code.
Systematic Debugging
A four-phase debugging discipline: find the root cause before proposing fixes, for any bug or failing test.