写项目文档要配一张架构图,光去各家官网找 Logo、对齐连线就得折腾一下午,画完箭头还压着字。
This is a vibe coding post classified by AGK Intelligence as Skills & agent setups (a tool drop), kept by the Vibe Coding Radar because it carries real work, not commentary.
写项目文档要配一张架构图,光去各家官网找 Logo、对齐连线就得折腾一下午,画完箭头还压着字。 装上 stack-diagram 这个 Skill 后,一句话描述技术栈,比如「Next.js 跑在 Vercel 上,数据库用 Neon,支付接 Stripe」,就能出一张带官方 Logo 的架构图。 Logo 会自动去 svgl、devicon 这些图标库里找,AWS、Google Cloud、Azure 用的是各家自己的官方图标。 GitHub:http://github.com/caru-ini/stack-diagram 连线会绕开文字走,Agent 画完还会自己渲染检查一遍再交出来。深色、浅色两套主题都会出。 默认导出一个 HTML 文件,字体和 Logo 都打包在里面,断网也能打开,要 PNG 或 React 组件也能导。 写技术方案、做 README 的时候要配图,这个省下来的时间挺实在。Claude Code、Codex、Cursor 都能装。
Posted by GitHubDaily (91.5k followers) 1 h ago · 2 likes · 744 views · view the original post on X. Kept by the Vibe Coding Radar as Skills & agent setups. Tools mentioned: stack-diagram.
More vibe coding work like this
- I'm gonna uninstall Blender tonight. A dev just dropped a free Claude skill that turns… — @elvar_official
- GitHub真的是AI时代最好的脚手架!!! — @yyyole
- this ONE thing will separate AI millionaires from vibe coders... — @Av1dlive
- everything your Hermes Agent makes for you lands in the Mobile app. — @witcheer
- 🟦 Use case 01 · Coding memory — @Unibase_AI
- 在别人网站上看到一个很顺滑的动效,丢给 Agent 照着做,它做一遍就说好了,一对比节奏和缓动全不对。 — @GitHub_Daily
- 5 new Claude skills: — @shushant_l
- Damn!Damn!感觉大肥鱼的开源生态最近真的杀疯了!一个开发老哥刚刚开源了一个把游戏开发门槛直接砸穿的神仙插件:dsh-game-studio。 — @AYi_AInotes
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 7.9k posts from 5k X accounts over the last 14 days, 2.6k tools, 12 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-06 14:07 UTC. Full method.