hermes-agent/skills/creative/baoyu-infographic/references/styles/technical-schematic.md
Teknium 65c0a30a77 feat(skills): add baoyu-infographic skill — 21 layouts × 21 styles
Port of baoyu-infographic from JimLiu/baoyu-skills (v1.56.1) adapted
for Hermes Agent's tool ecosystem.

Adaptations from upstream:
- Frontmatter: openclaw metadata → hermes metadata
- Usage: slash command syntax → natural language triggers
- Removed EXTEND.md config system (not part of Hermes infrastructure)
- AskUserQuestion → clarify tool (one question at a time)
- Image generation → image_generate tool
- Removed Windows-specific paths
- Simplified file operations to use Hermes file tools
- All 45 reference files (layouts, styles, templates) preserved intact

Attribution preserved per agreement with 宝玉 (Jim Liu):
- author, version, GitHub homepage URL in frontmatter

Co-authored-by: Jim Liu 宝玉 <junminliu@gmail.com>
2026-04-18 12:32:16 -07:00

983 B

technical-schematic

Technical diagrams with engineering precision and clean geometry.

Color Palette

  • Primary: Blues (#2563EB), teals, grays, white lines
  • Background: Deep blue (#1E3A5F), white, or light gray with grid
  • Accents: Amber highlights (#F59E0B), cyan callouts

Variants

Variant Focus Visual Emphasis
Blueprint Engineering schematics White on blue, measurements, grid
Isometric 3D spatial representation 30° angle blocks, clean fills

Visual Elements

  • Geometric precision throughout
  • Grid pattern or isometric angle
  • Dimension lines and measurements
  • Technical symbols and annotations
  • Clean vector shapes
  • Consistent stroke weights

Typography

  • Technical stencil or clean sans-serif
  • All-caps labels
  • Measurement annotations
  • Floating labels for isometric

Best For

Technical architecture, system diagrams, engineering specs, product breakdowns, data visualization