Guizang's agent skill turns your repo's recent updates into a finished promo video — real components, code-rendered animation, an original code-written soundtrack — no video editor involved.
- agent-skill
- video
- promo
- marketing
Archify
Codebase or system description in, a polished interactive system map out — typed JSON IR deterministically compiled to HTML/SVG.
Archify is a Node.js rendering and validation system for Cursor, Claude Code, Codex CLI and OpenCode. The agent produces typed JSON IR; Archify deterministically compiles it into a self-contained interactive HTML/SVG map — five diagram types, four presets, dark/light themes, built-in brand marks, finite motion. Reviewing an architecture change means comparing two validated snapshots as Before / Delta / After with exact added, removed, changed, moved and rerouted facts. Interactions stay grounded: search nodes, trace upstream and downstream reach with exact routes, compare roles, play guided stories — the tool never invents topology. No repository is required; describe the system in chat. Export lands as one shareable HTML file plus PNG, SVG, WebM and 1200×630 share cards.
What it does
- Five diagram types, four presets, dark/light themes — compiled deterministically from typed JSON IR, so the same input always yields the same map
- Before / Delta / After snapshot comparison with exact added, removed, changed, moved and rerouted facts — review architecture changes like code diffs
- Grounded interactions: search nodes, optionally open revision-verified source, trace upstream/downstream authored reach and exact routes, compare roles, play guided stories
- One file, ready to trust and share — self-contained HTML plus PNG, SVG, WebM and 1200×630 share cards; the Proof Lab gallery carries 11 checked-in scenarios
When to use it
Architecture documentation that stays true to the code, merge-reviewable diagram diffs, and shareable interactive system maps generated straight from an agent chat — without a repo if you are still at the whiteboard stage.
Getting started
npx skills add tt-a1i/archify -g # works in Cursor, Claude Code, Codex CLI and OpenCode; no repository required — describe the system in chat
Things to know
MIT, bilingual EN/ZH README. The README tracks main, current development version v2.17.0-dev.1. Rendering is deterministic, but the agent still authors the JSON IR — an inaccurate description yields a beautifully rendered inaccurate map.
Repository
tt-a1i/archifyCharted
Related on the map
geo-sleuth
SkillAn agent skill that geolocates a photo with nothing readable in it — OSM geometry, elevation skylines and satellite tiles turn “where was this taken?” into a measured answer with an error radius.
- agent-skill
- geolocation
- osint
- openstreetmap
Birdview
SkillA skill that makes AI coding agents map the architecture and declare the blast radius before they touch a line of code — rendered as one standalone HTML page.
- skill
- architecture
- code-visualization
- change-scope