hermes-agent/skills/creative/baoyu-infographic/references/layouts/hierarchical-layers.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

1.2 KiB

hierarchical-layers

Nested layers showing levels of importance, influence, or proximity.

Structure

  • Multiple layers from core to periphery
  • Core/top: most important/central
  • Outer/bottom: decreasing importance
  • 3-7 levels typically
  • Clear boundaries between levels

Variants

Variant Shape Visual Emphasis
Pyramid Triangle, vertical Top-down hierarchy, quantity
Concentric Rings, radial Center-out influence, proximity

Best For

  • Maslow's hierarchy style concepts
  • Priority and importance levels
  • Spheres of influence
  • Organizational structures
  • Stakeholder analysis

Visual Elements

  • Distinct color per level
  • Icons or illustrations per tier
  • Size indicates importance/quantity
  • Labels inside or beside layers
  • Decorative apex/center element

Text Placement

  • Title at top or side
  • Level names inside each tier
  • Brief descriptions outside
  • Quantities or percentages if relevant
  • Legend for color meanings
  • craft-handmade: Playful layered concepts
  • corporate-memphis: Business hierarchies
  • technical-schematic: Technical 3D pyramids