Archify: turn any idea into a clickable diagram

The free repo from the reel. You describe a plan, a process or a whole codebase to your AI coding agent, and Archify has it build one interactive HTML page: click any step for details, trace a path, switch light or dark, and export it as an image.

CostFree and open source (MIT). You pay only for the AI coding agent you use it with (for example a Claude plan for Claude Code).

DoesArchitecture maps, workflows, sequence diagrams, process maps and one-page explainers, delivered as a single HTML file with node details, path tracing, light and dark themes and PNG, JPEG, WebP or SVG export.

NeedsAn AI coding agent: Cursor, Claude Code, Codex CLI or OpenCode. Node.js for the one-line install. No repository needed, you can start from a plain description.

Proof85,800+ stars and 5,800+ forks on GitHub (checked 19 Oct 2026). Created in April 2026, current version 3.2.0.

Checked on 19 Oct 2026. Tools change fast, so the official page always wins if it says something different.

What you need first

1An AI coding agentClaude Code, Cursor, Codex or OpenCode. Claude Code needs a paid Claude plan (Pro or Max) or API credits.

2Node.jsThe install command uses npx, which comes with Node.js (free from nodejs.org).

Step by step

Install it with one command

Open Terminal and run npx skills add tt-a1i/archify -g. It adds the skill for your coding agent. The official GitHub page (link below) also has an agent picker if you want the exact command for Cursor, Codex or OpenCode.

Tip: Only install from the official GitHub page.

Open your agent

Start Claude Code (or Cursor, Codex, OpenCode) in any folder. You don't need a code project for this.

Just ask

Describe what you want, for example: Use Archify to diagram how a customer order flows through my business: the order comes in, we take payment, the warehouse packs it, a courier delivers it. The more steps and names you give, the better the diagram.

Change it by talking

Keep going in plain English: Add refunds, Highlight the slowest step, Switch to the light theme.

Share or export

You get one HTML file. Open it in any browser, send it to someone (the clicks work for them too), or use Export to save a PNG, JPEG, WebP or SVG for a slide or a post.

Learn this with me

LIVE · THU 15 OCT

Live AI Masterclass

8 ways I make money with AI, built live step by step. Zero experience, no code, any age.

Thu 15 Oct · 6pm UK · 1pm ET
New date coming soon. See what you'll learn and the next date →
2 hours live + the replay
$150 one time · only 10 seats

Join the masterclass →

MEMBERS

The Unnerd AI Club

Not a course. A step-by-step system to make money with AI: pick one money path and follow every step.

52 live classes a year
Q&A 7 days a week + 1:1 calls with me
$100/month · cancel any time

Join the club →

The catch

You still need a coding agent. Archify is a skill, not an app. Claude Code, Cursor, Codex or OpenCode does the work, and those have their own costs and limits.
Only as good as what you tell it. If your description is vague or wrong, the diagram will be too. Check every step before you share it.
Skip the sponsor ads. The README lists paid sponsors (mostly cheap AI API resellers). You don't need any of them to use Archify.
Optional update check. It may check once a day for a new version (no prompts or project data are sent). You can turn it off with ARCHIFY_UPDATE_CHECK_DISABLED=1.

Official links

The tool on GitHub (official) ↗Live demos (official site) ↗

Want to go further?

I show a new AI tool every week, and how to make money or save hours with it. No tech background needed.

Join the live masterclass Join the club

More free tools →

Unnerd AI · I'm not linked to this tool or its makers, I just think it's useful.