stack-diagram
规格合规stack-diagram 生成带官方 Logo、浅色/深色双版本的自包含架构图 HTML(caru-ini/stack-diagram,MIT)。安装:`npx skills add caru-ini/stack-diagram --skill stack-diagram`。
Generate architecture / stack diagrams with official service logos as self-contained HTML (light and dark).
复制给 AI 安装
把这段提示词发给你的 Agent,即可安装该技能。
请先阅读 https://skill123.app/install/skill123.md。然后安装「stack-diagram」技能,执行:
npx skills add caru-ini/stack-diagram --skill stack-diagram 其他安装方式
CLI 安装
npx skills add caru-ini/stack-diagram --skill stack-diagram 手动安装
~/.cursor/skills/stack-diagram/ ~/.claude/skills/stack-diagram/ ~/.codex/skills/stack-diagram/ ~/.agents/skills/stack-diagram/ 适用场景
- → 为 README 或幻灯画技术栈 / 架构图
- → 使用官方 Logo 的浅色与深色版本
兼容平台
Cursor Claude Code Codex CLI Open Agents
资源文件
skill-name/
├── SKILL.md
└── assets/assets/
└── references/references/
└── scripts/scripts/
源码
https://github.com/caru-ini/stack-diagram/skills/stack-diagramLicense: MIT
相关技能
create-skill
Featured
create-skill 指导 Agent 如何编写符合规范的 SKILL.md、触发描述与可选脚本。可通过 npx skills add 或复制到 ~/.cursor/skills/create-skill/ 安装。
开发 Cursor Claude Code +1
4.9 优秀
Cursor create-rule
Featured
create-rule 帮助编写 Cursor 规则(.mdc 文件),将规则放入 .cursor/rules/ 即可自动注入上下文。
开发 Cursor
4.8 优秀
Cursor code-review
Featured
code-review 应用结构化审查清单,覆盖正确性、可维护性、测试与团队规范。
开发 Cursor Claude Code +2
4.8 优秀
Vercel Labs review-bugbot
Featured
review-bugbot 进行结构化代码审查,聚焦 bug、边界情况与回归。适合合并 PR 前或大型重构后使用。
开发 Cursor Claude Code +1
4.7 优秀
Cursor 常见问题
如何安装 stack-diagram?
把安装提示词发给你的 AI,或运行 npx skills add caru-ini/stack-diagram --skill stack-diagram。
stack-diagram 兼容哪些平台?
Cursor、Claude Code、Codex CLI、Open Agents