mirror of
https://github.com/NousResearch/hermes-agent.git
synced 2026-04-25 00:51:20 +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>
72 lines
3.6 KiB
Markdown
72 lines
3.6 KiB
Markdown
# dense-modules
|
|
|
|
High-density modular layout with 6-7 typed information modules packed with concrete data.
|
|
|
|
## Structure
|
|
|
|
- 6-7 distinct modules per image, each serving a specific information function
|
|
- Every module contains concrete data: brand names, numbers, percentages, parameters
|
|
- Minimal whitespace—compact spacing prioritized over breathing room
|
|
- Smaller text acceptable to maximize information density
|
|
- Each module identified by coordinate label or section marker (e.g., MOD-1, SEC-A)
|
|
|
|
## Module Archetypes
|
|
|
|
| Module | Purpose | Content Requirements |
|
|
|--------|---------|---------------------|
|
|
| **Brand/Selection Array** | Grid of options with recommendations | 4-8 items with icons, names, brief descriptions; highlight "best choice" |
|
|
| **Specification Scale** | Quality/measurement gauge | 3-5 levels with precise numerical increments, quality indicators (emoji faces, checkmarks) |
|
|
| **Deep Dive/Detail** | Technical breakdown of key item | Zoom-in callouts, internal components, cross-section or exploded view |
|
|
| **Scenario Comparison** | Side-by-side use cases | 3-6 scenarios with specific recommendations and data per scenario |
|
|
| **Identification Tips** | How-to checklist | 3-5 inspection methods: look/test/check/ask format |
|
|
| **Warning/Pitfall Zone** | Critical mistakes to avoid | 3-5 pitfalls with consequences, 1-2 correct approaches; high visual contrast |
|
|
| **Quick Reference** | Compact summary | Dense table, one-line summaries, decision flowchart, or key takeaways |
|
|
|
|
## Variants
|
|
|
|
| Variant | Focus | Visual Emphasis |
|
|
|---------|-------|-----------------|
|
|
| **Coordinate-labeled** | Precision and systematicity | Each module has alphanumeric coordinate (A-01, B-05, C-12), ruler/axis markers |
|
|
| **Grid-cell** | Order and structure | Modules in strict rectangular cells divided by thick lines, Swiss grid feel |
|
|
| **Free-flowing** | Organic density | Magazine-style layout with dotted frames, varying module sizes, connected by arrows |
|
|
|
|
## Best For
|
|
|
|
- Product selection guides and buying guides
|
|
- Multi-dimensional comparison content
|
|
- Data-rich educational materials
|
|
- "Avoid pitfalls" / "complete guide" formats
|
|
- Content targeting platforms like Xiaohongshu with high-density visual requirements
|
|
|
|
## Visual Elements
|
|
|
|
- Module boundary markers (thick lines, dotted frames, or coordinate grids)
|
|
- Quality indicators per module (emoji faces, checkmarks, crosses, crowns)
|
|
- Data callout boxes with highlighted numbers
|
|
- Comparison arrows and progression indicators
|
|
- Warning/alert visual markers for pitfall modules
|
|
- Metadata in corners (page numbers, timestamps, small barcodes)
|
|
|
|
## Text Placement
|
|
|
|
- Main title at top, prominent and impactful
|
|
- Subtitle with module count ("X大维度全面解析...")
|
|
- Module headers inside colored badges or labeled frames
|
|
- Body text compact, multiple columns within modules
|
|
- Numbers highlighted with accent colors, slightly larger than body text
|
|
|
|
## Information Density Rules
|
|
|
|
- Every corner should contain useful information or metadata
|
|
- No decorative-only empty space
|
|
- Text size may be reduced to fit more content—information over font size
|
|
- Each module must have specific data points, not generic descriptions
|
|
- Balance between density and readability: dense but organized
|
|
|
|
## Recommended Pairings
|
|
|
|
- `pop-laboratory`: Technical precision with coordinate markers and blueprint grid
|
|
- `morandi-journal`: Hand-drawn warmth with doodle illustrations and organic frames
|
|
- `retro-pop-grid`: 1970s pop art with strict grid cells and bold contrast
|
|
- `corporate-memphis`: Clean business feel for product comparisons
|
|
- `technical-schematic`: Engineering precision for technical product guides
|