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

776 B

dashboard

Multi-metric display with charts, numbers, and KPI indicators.

Structure

  • Multiple data widgets
  • Charts, graphs, numbers
  • Grid or modular layout
  • Key metrics prominent
  • Status indicators

Best For

  • KPI summaries
  • Performance metrics
  • Analytics overviews
  • Status reports
  • Data snapshots

Visual Elements

  • Chart types (bar, line, pie, gauge)
  • Big numbers for KPIs
  • Trend arrows (up/down)
  • Color-coded status (green/red)
  • Clean data visualization

Text Placement

  • Title at top
  • Widget titles above each section
  • Metric labels and values
  • Units clearly shown
  • Time period indicated
  • corporate-memphis: Business dashboards
  • ui-wireframe: Technical dashboards
  • cyberpunk-neon: Futuristic displays