caru-ini/stack-diagram

选用指南

AI 根据 README 整理 · 2026/11/1 20:36:14

使用方式

通过命令行安装为Agent Skill，例如使用npx skills add命令，或在Claude应用中上传zip文件作为技能使用。

查看 README 依据

<img src="docs/hero.png" alt="Architecture diagram: a user reaches Next.js on Vercel over HTTPS; Next.js calls a Hono API in the same Vercel deployment over RPC; Hono queries Neon over SQL and calls Clerk for sessions and Stripe for checkout; GitHub Actions deploys" width="100%"> </picture> > Diagram our stack: Next.js and a Hono API on Vercel. Postgres on Neon, auth with Clerk, payments with Stripe. GitHub Actions deploys. ```bash npx skills add caru-ini/stack-diagram ```

Works with Claude Code, Codex, Cursor and [other agents that support skills](https://agentskills.io). In the Claude apps, upload `stack-diagram.zip` from [Releases](https://github.com/caru-ini/stack-diagram/releases/latest) as a skill. ## More examples <table> <tr> <td width="50%" valign="top"> <picture> <source media="(prefers-color-scheme: dark)" srcset="docs/tooling-dark.png">

部署要求

需要Python 3.9+和网络访问以获取Logo；PNG导出需要Playwright和Chromium。

查看 README 依据

- **No arrows through text.** Lines are routed around labels, and the agent renders the diagram and checks it before handing it over. - **The format you need.** A self-contained HTML file (default), PNG, a dependency-free React component, or an Artifact. Requires Python 3.9+ and network access for the logos. PNG export uses Playwright with Chromium. ## Licenses and trademarks - Code and docs: MIT — see `LICENSE`. - Bundled fonts: SIL Open Font License 1.1 — see `skills/stack-diagram/assets/fonts/`.

已知限制

Logo不随技能捆绑，而是在构建时从外部源下载，且脚本从不重新着色或修改Logo。

查看 README 依据

- Logos are **not** bundled with the skill. They are downloaded at build time from [svgl](https://svgl.app), [devicon](https://devicon.dev) (MIT), [gilbarbara/logos](https://github.com/gilbarbara/logos) (CC0) and [Lucide](https://lucide.dev) (ISC), or from the brand's own site or repository. The example images in `docs/` show third-party logos. All brand names and logos are trademarks of their respective owners; their use in a diagram does not imply endorsement. The scripts never recolor or alter a logo.