Skill Finder
The best Claude skills for documentation
Start with archify: it scores highest here, 81, has 186,503 installs, and turns a description, Mermaid code or your repository into checked HTML diagrams such as architecture, sequence or ERD views. The list also covers Excalidraw and draw.io files, SVG diagrams, Mintlify docs sites, codebase maps from Understand Anything, and secondary picks that write decision records and specs.
The 8 skills made for this job
-
1
Get archifyarchify
For developers who want checked, interactive HTML diagrams of systems, flows or schemas, including ones traced from a real repo. Skip it if you need a data dashboard.
-
2
Get excalidraw-diagram-generatorexcalidraw-diagram-generator
For people who want editable flowcharts, mind maps or architecture sketches made from a written description. Skip it if you need large diagrams with dozens of exact parts.
-
3
Get mintlifymintlify
For teams that want a docs site built, edited or migrated on Mintlify. Skip it if your docs live on another platform you plan to keep.
-
4
Get fireworks-tech-graphfireworks-tech-graph
For engineers who want clean architecture and workflow diagrams as SVG, PNG or GIF from a description. Skip it for photos, raster art or data charts.
-
5
Get diagram-designdiagram-design
For people who want clean, on-brand diagrams and charts as single HTML files with inline SVG. Skip it if a quick Mermaid sketch or ASCII drawing is all you need.
-
6
Get drawio-skilldrawio-skill
For engineers who want editable draw.io architecture diagrams built from text, code or infrastructure files. Skip it if Mermaid or PlantUML in Markdown is enough.
-
7
Get Understand AnythingUnderstand Anything
For developers joining or auditing a large codebase who want an explorable map of it. Skip it if your project is small or you can't spend many tokens on the first scan.
-
8
Get visual-explainervisual-explainer
For developers who want diffs, plans and systems explained as a visual HTML page. Skip it if plain text answers in the terminal suit you fine.
Also useful for docs
Their main job is something else, but they help with this one.
-
Get grill-with-docsgrill-with-docs
For people who want a plan or design questioned hard, with decision records and a glossary written along the way. Skip it if your plan is already settled.
-
Get design-mddesign-md
For Google Stitch users who want their screens written up as a DESIGN.md that guides new screens. Skip it if you do not have a Stitch project.
-
Get anatomyanatomy
For writers and developers who want a detailed, animated isometric figure to explain a system. Skip it if a quick box-and-arrow diagram will do or you lack Node.js.
-
Get spec-driven-implementationspec-driven-implementation
For teams building large features who want PRODUCT.md and TECH.md specs checked in before and during coding. Skip it for small bug fixes or if you do not track work in Linear.
-
Get write-product-spec
write-product-spec
For teams that want a behavior-first PRODUCT.md spec written before a feature is built. Skip it if the change is a small fix or you need a technical design doc.
-
Get Elephant Goldfish ModelElephant Goldfish Model
For engineers who write design docs before building and want fresh-eyed agent reviewers. Skip it if you go straight from idea to code without a written spec.
-
Get claude-obsidianclaude-obsidian
For Obsidian users who want Claude to file sources into a linked Markdown wiki. Skip it if you don't use Obsidian or want notes kept outside plain Markdown files.
How to choose
archify picks one of ten diagram types and writes a candidate.json in a .archify folder. One finalize command then validates it, renders the HTML and checks it in a real browser. Diagrams export as image, SVG or WebM. It needs Node.js to run the bundled archify CLI.
For diagrams you can edit later, excalidraw-diagram-generator writes a .excalidraw file kept to about 20 elements, and drawio-skill writes .drawio files, including from Terraform, Kubernetes or SQL sources. fireworks-tech-graph draws SVG in twelve styles and exports PNG or GIF. The last two need Python 3.
diagram-design draws one HTML file with inline SVG across 45 types and can brand its style guide from a URL. visual-explainer turns a code change, plan or system into an HTML page of figures and checks it in a browser. Both suit finished visuals more than quick sketches.
mintlify builds and publishes docs sites with the mint CLI, checks broken links, and needs Node.js 20.17 or newer. Understand Anything maps a codebase into a knowledge graph with a guided tour and onboarding notes; it needs Node.js 22 and pnpm 10, and its first scan can use many tokens.
Secondary picks write documents along the way. grill-with-docs writes decision records and a glossary, design-md turns a Google Stitch project into a DESIGN.md, Warp's skills write PRODUCT.md and TECH.md specs, and Elephant Goldfish Model drafts design documents for review.