mirror of
https://github.com/NousResearch/hermes-agent.git
synced 2026-04-26 01:01:40 +00:00
65c0a30a77
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>
48 lines
1.2 KiB
Markdown
48 lines
1.2 KiB
Markdown
# 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
|