mirrors/hermes-agent
1
0
Fork 0
mirror of https://github.com/NousResearch/hermes-agent.git synced 2026-04-25 00:51:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
hermes-agent/skills/creative/baoyu-infographic/references/layouts/binary-comparison.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
Raw Blame History

binary-comparison

Side-by-side comparison of two items, states, or concepts.

Structure

  • Vertical divider splitting image in half
  • Left side: Item A / Before / Pro
  • Right side: Item B / After / Con
  • Mirrored layout for easy comparison
  • Clear visual distinction between sides

Variants

Variant Focus Visual Emphasis
Before-After Transformation over time Temporal change, improvement
A vs B Feature comparison Direct contrast, differences
Pro-Con Advantages/disadvantages Balanced evaluation

Best For

  • Before/after transformations
  • Product or option comparisons
  • Pros and cons analysis
  • Old vs new comparisons
  • Two perspectives on a topic

Visual Elements

  • Strong vertical dividing line or gradient
  • Contrasting colors per side
  • Matching element positions for comparison
  • VS symbol or divider decoration
  • Transformation arrow for before-after

Text Placement

  • Main title centered at top
  • Side labels (A/B, Before/After)
  • Corresponding points aligned horizontally
  • Summary at bottom if needed

Recommended Pairings

  • corporate-memphis: Business comparisons
  • bold-graphic: High-contrast dramatic comparisons
  • craft-handmade: Friendly explainers