Archify
Generates validated interactive HTML diagrams, from architecture to sequence and state, out of typed JSON, with optional motion.
$ npx skills add https://craftwork.design/skills/archify -a claude-code -y
Installs into .claude/skills/archify. Add -g for every project.
SKILL.md
Create an interactive HTML diagram from typed JSON. Static output is the default; enable motion only when requested.
Run commands from your working directory. Unless the user names another location, give each new diagram request its own folder .archify/<type>-<slug>-<YYYYMMDD-HHMMSS>/ there (local time, chosen once when the request starts): keep candidate.json and <slug>.html in it, set meta.output to that relative HTML path, and reuse the folder for every repair rerun. A later request gets a new folder, so earlier versions stay intact. Replace bin/archify.mjs in the commands below with the installed package's absolute path, or its path relative to your working directory; input and output paths resolve from that working directory.
For a real codebase, read Repository authoring while tracing the requested behavior. A system description uses the steps below; an existing JSON uses the handoff path.
Existing candidate handoff
When the user supplies a frozen candidate, run finalize first as one CLI invocation. Its passing receipt completes the automated gates; follow any visual review recommendation under Delivery before claiming visual quality. For repair, follow step 5.
