superdesigndevsuperdesigndevOfficialยท1 Agent Skills Included

archlet

Interactive codebase architecture maps with PR diff overlays

Generates interactive, clickable architecture maps of any codebase by scanning imports, routes, and call graphs. Overlays pull requests and commits onto the map so you can see exactly which modules a change touched. Eliminates manual diagramming and stale documentation by keeping the map in sync with the real code. Serves the map locally in your browser with expand, collapse, and drill-down navigation.
npx skills add superdesigndev/archlet --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install archlet?โ–ผ

Run `npx skills add superdesigndev/archlet --all -g -y` in your terminal to install it globally for your coding agent.

How to visualize my codebase architecture?โ–ผ

Ask your coding agent to map the project, and archlet scans the code, builds a layered module graph, and opens an interactive map at localhost:4173.

Can archlet show what a PR changed?โ–ผ

Yes. Ask it to overlay a PR, commit, or branch, and it highlights every touched module on the map with added and removed connections.

Does archlet work with Claude Code and Codex?โ–ผ

Yes. It follows the standard SKILL.md format, so any compatible coding agent can read the instructions and generate the map.

Do I need to write code to use archlet?โ–ผ

No. You simply ask your agent in plain English to map the project, and it handles the scanning, layering, and viewer setup for you.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’