SKILLSuperpowers: plan, test and debug before coding
A skills framework that makes agents brainstorm, plan, test and debug systematically.
Claude Code +1★ 299.2k/
Get Friday PicksSubmitArchify: turn ideas into interactive diagrams
An agent skill that turns a prompt, plan or codebase into a clean interactive HTML diagram you can share and tweak.
In short: An agent skill that turns a prompt, plan or codebase into a clean interactive HTML diagram you can share and tweak. It is a free skill for people who use Claude Code, Codex or Cursor and want help with coding agent skills.
Checked on · Added
Works with
| Agent / tool | Access / cost | Link |
|---|---|---|
| Claude Code | Paid Claude plan or API | claude.com/claude-code |
| Codex | ChatGPT plan or API | openai.com/codex |
| Cursor | Free tier + paid | cursor.com |
| GitHub repo | Open source · ★ 84.2k | tt-a1i/archify |
Image: from the GitHub README, shown with credit.
Images from the project README on GitHub.
Try it in 60 seconds
npx skills add tt-a1i/archify -g npx -y skills add tt-a1i/archify --skill archify --agent cursor --global --copy --yes npx skills use tt-a1i/archify@archify --agent codex
Install command copied from the project README. Check the README for the latest version.
What it does
An agent skill that turns a prompt, plan or codebase into a clean interactive HTML diagram you can share and tweak.
Turn anything you want to understand, plan, or share into an interactive visual.
Short excerpt from the README of tt-a1i/archify. Read the full README on GitHub.
Inside the repo
See Archify in actionInstall, then describe your idea❤️ SponsorsShow what mattersUnderstand a real repositoryEasy to extend. More ways to make it yours.Download it. Open it. Explore it.Community and recognitionPreviewQuick start1. InstallStay updated
Step by step
- Open the GitHub repo and read the README.
- Run the install command below in your terminal (or copy the skill folder into ~/.claude/skills/ for Claude Code, ~/.codex/skills/ for Codex).
- Restart your agent so it picks up the skill.
- Ask your agent to use it on a small test task first.
Watch out for
Diagram output is HTML; open it in a browser to review before sharing.
Docs, demos & materials
Sources & credit
All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.
Related skills and use cases in Coding Agent Skills
- Hermes Agent: open agent that grows its own skills Skill
- Superpowers: plan, test and debug before coding Skill
- Matt Pocock's engineering skills Skill
- Ponytail: make your agent write less code Skill
- Agency Agents: a full AI agency roster Skill
- Anthropic official skills (frontend-design, docs, slides) Skill
- gstack: Garry Tan's Claude Code toolkit Skill
- Caveman: cut your agent's token use by talking short Skill
Related
SKILLClaude Code +1★ 299.2k
SKILLMatt Pocock's engineering skills
Real engineering skills from a well-known TypeScript educator's own .agents folder.
Claude Code +1★ 291.4k
SKILLPonytail: make your agent write less code
A skill that pushes coding agents to act like a lazy senior: fewer lines, more tests, lower cost — without skipping the hard checks.
Claude Code +2★ 164.8k
SKILLAgency Agents: a full AI agency roster
Specialist agent personas for engineering, design, marketing, sales and support you can drop into Claude Code, Codex or Cursor.
Claude Code +2★ 160.4k
SKILLAnthropic official skills (frontend-design, docs, slides)
The official skills repo: frontend-design, docx, pptx, xlsx and more.
Claude Code★ 181.2k
SKILLgstack: Garry Tan's Claude Code toolkit
Twenty-three opinionated skills that cover planning, design, review, QA and shipping — the same setup Garry Tan uses with Claude Code.
Claude Code +1★ 136.6kFree newsletter
Friday Picks
New AI tools you can use right away, in plain words. Every Friday.