← 返回列表
Agent 与自动化工具

orrery：用 YAML 生成带动画的云架构与系统设计图

Sagargupta16/orrery · Animated architecture and system design diagrams with official AWS, Azure, Google Cloud, Kubernetes, GitHub and IBM icons. YAML in; SVG, PNG, draw.io, React TSX and HTML out. An Agent Skill, Claude Code plugin and npm CLI. Gallery: sagargupta.online/orrery

GitHub原文发布 未知首次收录 2026-10-19上架 2026-10-19 07:01

☆ 收藏查看项目 ↗

ELI5：它是什么，解决什么问题

orrery 是一个以 YAML 描述架构图和系统设计图的工具：输入一份规格文件，经校验、自动布局和渲染后，输出动画 SVG、PNG、可编辑 draw.io、React TSX 组件和独立 HTML 查看器。它内置 AWS、Azure、Google Cloud、Kubernetes、GitHub、IBM 等官方图标集，并提供图标校验、图标搜索、规格校验和按读者可见宽度评分图表可读性的审查命令。它同时提供 Agent Skill、Claude Code 插件和 npm CLI，可导入 Mermaid 流程图，还支持 ISO 5807 流程图、BPMN 2.0、UML 状态机、组织架构图、心智图和客户旅程图等业务流类型。
# 架构图即代码# 动画 SVG# Agent Skill# 官方云图标# 图表审查

核心能力与快速开始

★ 3 · JavaScript

能做什么
从 YAML 规格生成架构图与系统设计图，自动完成布局和绘制；输出动画 SVG、PNG、draw.io、React TSX 与 HTML 查看器五种格式；内置约 18,209 个官方及通用图标，包括 AWS、Azure、Google Cloud、Kubernetes、GitHub Octicons 和 IBM Carbon，并支持本地 SVG 图标；提供规格校验并给出修复建议、图标搜索、图标绘制检查，以及按展示宽度进行多维评分和审查；支持流程图、BPMN 2.0、UML 状态机、组织图、心智图、客户旅程图等业务流；可将 Mermaid 流程图导入为 YAML 规格。
适用场景
为 README 和文档绘制带官方云图标的架构图；为幻灯片和聊天场景导出 PNG；为 React 站点嵌入图表组件；为 draw.io 用户提供后续可编辑的源文件；让编码 Agent 根据仓库或需求自动生成并审查架构图；将既有 Mermaid 流程图转换为使用云厂商图标的架构图。
项目形态
可直接使用的工具
部署方式
提供 Claude Code 插件、面向读取 Agent Skills 的 Agent 的安装方式、npm CLI，以及克隆仓库后运行脚本的方式；README 称 CLI、布局引擎、PNG 渲染器、字体和官方云图标包随技能目录分发（9 MB），无需安装。
主要依赖
Node.js 22 或更高版本；Logo 与字形图标集首次使用时从 npm 库加载，并做校验和缓存。
使用限制
材料未说明数量众多的图标和字体各自的完整授权边界（README 指向 THIRD_PARTY_NOTICES.md）；未说明商业使用、API 成本或云端服务限制；视觉相关的重叠、交叉等判断需依赖测量而非模型计数。
许可证
MIT
最近推送
2026-10-18 22:56
官方入门项目文档核对 README 依据 ↗

资料检查：2026-10-19 07:00 · 卡片整理：2026-10-19 07:00
卡片由 AI 根据仓库资料整理，未进行安装或运行验证

职业应用

程序员

用 YAML 规格描述系统架构与云部署拓扑，自动布局并渲染为动画 SVG、PNG、可编辑 draw.io、React TSX 组件或 HTML 查看器，用于技术文档和 README 中的架构图；也可将现有 Mermaid 流程图导入为规格，并用 review 命令按读者可见宽度检查图表可读性。

查看内容依据
One YAML spec in; SVG, PNG, editable draw.io, a React component and an HTML viewer out.

官方使用入口 ↗

由 AI 根据来源材料整理，未进行安装或运行验证

产品经理

用同一份 YAML 规格绘制 BPMN 2.0 业务流程、组织架构图、心智图和带情绪曲线的客户旅程图，用于需求与流程说明材料。

查看内容依据
`kind:` turns the same spec into an ISO 5807 flowchart, a BPMN 2.0 process with pools, lanes and message flows, a UML state machine, an org chart, a two-sided mind map or a customer journey map with an emotion curve.

官方使用入口 ↗

由 AI 根据来源材料整理，未进行安装或运行验证

相似资源

投资词典：中文投资术语科普词典与金融词条生成 Skill

面向普通读者的中文投资术语词典站点，用通俗语言解释投资概念，每个词条包含一句话定义、场景说明、使用方法和常见误区，覆盖货币、股票、基金、债券、保险、房产、宏观等 22 个篇章，并提供全文搜索与 SEO 结构化数据。仓库同时附带一个可复用的 Agent Skill，用于按统一方法论生成新的金融词条，并支持通过 Issue 或 PR 贡献词条。

ai-kit：面向产品需求与全栈开发的智能体技能工作流工具包

Polyms 的 ai-kit 是一套版本控制的智能体技能与角色智能体合集，用斜杠命令串联产品对齐、需求与 PRD 撰写、设计规格、任务拆分、TDD 开发、代码审查、文档、E2E 测试、DevOps 与架构重构等环节。当前以 Cursor 为主，设计上兼容其他工具，通过 bootstrap 脚本将技能与智能体软链到本地编辑器目录，偏重小而易组合的工作流，而非重量级流程框架。

Raster Agent Skills：让 AI 编程代理学会使用 Raster 资产 API 的技能集

该项目是一组 Agent skills，用于教会 Claude Code、Cursor、Codex、Copilot 等 AI 编程代理通过 MCP 或 REST 方式调用 Raster，完成资产的上传、打标签、搜索与交付，并可用 raster 命令行客户端在终端或 CI 中操作；还支持在用户尚无 Raster 账户时通过一次调用创建组织、库和密钥。仓库同时提供 Cursor 插件清单，内置远程 Raster MCP 服务配置，采用 OAuth 授权。

Agents：管理 Codex 与 Claude Code 全局智能体、技能与共享参考配置

该仓库用于管理 Codex 与 Claude Code 的用户全局设置，集中维护共享参考、Codex/Claude 配置与 wrapper、新项目 AGENTS.md/CLAUDE.md 模板，以及同步和校验脚本。它提供本地配置与仓库之间的双向同步流程、配置校验与回归测试，并包含 Issue 撰写、评审修复 Harness、浏览器操作等技能与流程说明。认证信息、API key、会话历史、缓存和本地运行状态等不在管理范围内。

这是基于来源内容整理的摘要。原文链接失效后，本页摘要和讨论仍会保留。

讨论 0

登录后参与讨论，阅读资讯无需注册。

还没有评论，来分享第一个看法。