caru-ini/stack-diagram ? reverse-engineered prompt

Build me a skill that turns a one sentence description of a tech stack into a clean architecture diagram with official brand logos.

I want to be able to say something like “Next.js and a Hono API on Vercel, Postgres on Neon, auth with Clerk, payments with Stripe, GitHub Actions deploys” and get back a polished diagram that looks good in both light and dark mode. Please make the diagram easy to share as a single self contained HTML file, and also let me export PNGs if needed. It should use real logos, not redrawn ones, and the layout should avoid ugly overlaps or lines crossing through text.

If it makes sense, include support for the common agent workflows this project is for, like Claude Code and other coding assistants, and make it work as a reusable skill I can add to my tools. Look up current docs online if you need to.