Describe your tech stack in a sentence and this skill draws a clean architecture diagram with each vendor's official logo, lines routed around the labels, in light and dark themes. You get a self-contained HTML file, PNGs or a React component.
In short: Describe your tech stack in a sentence and this skill draws a clean architecture diagram with each vendor's official logo, lines routed around the labels, in light and dark themes. You get a self-contained HTML file, PNGs or a React component. It is a free skill for people who use Claude Code, Codex, Cursor or Claude and want help with coding agent skills.
Checked on · Added
| 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 |
| Claude | Free tier + paid | claude.ai |
| GitHub repo | Open source · ★ 804 | caru-ini/stack-diagram |
Image: from the GitHub README, shown with credit.
Images from the project README on GitHub.
npx skills add caru-ini/stack-diagram
Install command copied from the project README. Check the README for the latest version.
Describe your tech stack in a sentence and this skill draws a clean architecture diagram with each vendor's official logo, lines routed around the labels, in light and dark themes. You get a self-contained HTML file, PNGs or a React component.
Write one sentence about your stack, for example a Next.js app and a Hono API on Vercel, Postgres on Neon, Clerk for auth and Stripe for payments, and stack-diagram draws the architecture diagram. It fetches each…
Short excerpt from the README of caru-ini/stack-diagram. Read the full README on GitHub.
From the original post, credited below.
Brand logos are downloaded from public icon sets and stay the trademarks of their owners. After drawing, it offers to post the picture to a public gallery; just say no if the diagram shows anything private. The repo is only days old, so expect fast changes.
Describe your tech stack in a sentence and this skill draws a clean architecture diagram with each vendor's official logo, lines routed around the labels, in light and dark themes. You get a self-contained HTML file, PNGs or a React component.
It works with Claude Code, Codex, Cursor and Claude. The code is on GitHub at caru-ini/stack-diagram.
Free & open source (MIT). No account or API key. Needs Python 3.9+ and internet access to fetch the logos; PNG export uses Playwright with Chromium.
Run the install command from the README: “npx skills add caru-ini/stack-diagram”. Check the README on GitHub for the latest version, then follow the steps on this page.
We read 106 instruction and code files in the repo and found no red flags. That is not a guarantee, so review anything that runs commands on your machine. How to check a skill before you install it →
All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.
SKILLYour coding agent connects to an Android or Google TV over Wi-Fi, switches off the ad and tracking apps, and puts in a clean, Apple TV-style home screen. Nothing is uninstalled.
Claude Code +2★ 14.8k
SKILLA Claude Code skill that records an animation from a live site, a screen recording, a gif or a Lottie file, rebuilds it in your own code, then films the copy the same way and compares the two, round after round, until timing and motion match.
Claude Code★ 809
SKILLA Claude skill that reviews a vibecoded screen like a designer: it lists the tell-tale AI touches, proposes a direction from your own product, then fixes spacing, colour, icons, copy, type and layout pass by pass. Works on dashboards, apps, landing pages, or a live site from a link.
Claude Code★ 540
SKILLOne install gives your agent a plan, test, build, review and remember routine, with 71 helper agents, about 300 skills, memory between sessions and a built-in scanner for risky agent settings.
Claude Code +3★ 285.3k
SKILLA skills framework that makes agents brainstorm, plan, test and debug systematically.
Claude Code +1★ 299.2k
SKILLReal engineering skills from a well-known TypeScript educator's own .agents folder.
Claude Code +1★ 291.4kFree newsletter
New AI tools you can use right away, in plain words. Every Friday.
