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

907 B

bridge

Gap-crossing structure connecting problem to solution or current to future state.

Structure

  • Left side: current state/problem
  • Right side: desired state/solution
  • Bridge element spanning the gap
  • Gap representing challenge/obstacle
  • Bridge elements as steps/methods

Best For

  • Problem to solution journeys
  • Current vs future state
  • Gap analysis
  • Transformation bridges
  • Strategic initiatives

Visual Elements

  • Two distinct platforms/sides
  • Visible gap or chasm
  • Bridge structure with supports
  • Icons representing each side
  • Stepping stones or bridge planks

Text Placement

  • Title at top
  • Left label (From/Problem/Current)
  • Right label (To/Solution/Future)
  • Bridge elements labeled
  • Gap description below
  • cartoon-hand-drawn: Friendly journeys
  • corporate-memphis: Business transformations
  • isometric-3d: Technical transitions