concept-diagrams

仓库创建 2025年7月23日最近提交 2 小时前SkillHot 收录 2 小时前

▸ 精选理由

快速产出跨平台、可切换明暗色模式的高质量教育/技术图示。

这个 Skill 做什么

生成扁平简约风格的可自适应 SVG 图解并输出为单文件 HTML。

做简洁扁平风格的 SVG 教学图，输出为一个自包含的 HTML 文件，在任意现代浏览器里呈现一致并支持自动明暗模式。适合做物理装置、化学机制、数学曲线或生物示意图，也能响应不同画面尺寸。特别之处是矢量可缩放、只需单文件部署，方便直接嵌到网页、课件或讲义里。

▸ 展开 SKILL.md 英文原文

Generate flat, minimal educational SVG visuals as HTML.

内容创作SVG 图解教育图示自动生成通用

22.7w

Stars

4.4w

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/NousResearch/hermes-agent/main/optional-skills/creative/concept-diagrams/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/NousResearch/hermes-agent/main/optional-skills/creative/concept-diagrams/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Concept Diagrams

Generate production-quality SVG diagrams with a unified flat, minimal design system. Output is a single self-contained HTML file that renders identically in any modern browser, with automatic light/dark mode.

## Scope

**Best suited for:**
- Physics setups, chemistry mechanisms, math curves, biology
- Physical objects (aircraft, turbines, smartphones, mechanical watches, cells)
- Anatomy, cross-sections, exploded layer views
- Floor plans, architectural conversions
- Narrative journeys (lifecycle of X, process of Y)
- Hub-spoke system integrations (smart city, IoT networks, electricity grids)
- Educational / textbook-style visuals in any domain
- Quantitative charts (gro

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有