
Baoyu Infographic
Analyze source material with an instructional-design lens before generating infographics that preserve facts and pick layout×style pairs.
Install
npx skills add https://github.com/xy121718/baoyu-skills --skill baoyu-infographicWhat is this skill?
- Pre-creation analysis framework with instructional-design principles and cognitive-load focus
- Content-type classification table mapping timelines, processes, and comparisons to layout and style
- Data-integrity rule: never alter, summarize, or paraphrase source facts
- Learner-centered objectives and visual storytelling before any decorative layout choice
- Layout×style pairing guidance (e.g., linear-progression, binary-comparison, craft-handmade)
Adoption & trust: 1 installs on skills.sh; 94 GitHub stars; 2/3 security scanners passed (skills.sh audits); trending (+100% hot-view momentum).
Recommended Skills
Journey fit
Build / docs is the canonical shelf because the skill produces structured visual documentation artifacts from deep content analysis, often alongside product or marketing docs. Docs fits explainer infographics, tutorials, and reference visuals that teach viewers without altering source data.
Common Questions / FAQ
Is Baoyu Infographic safe to install?
skills.sh reports 2 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.
SKILL.md
READMESKILL.md - Baoyu Infographic
# Infographic Content Analysis Framework Deep analysis framework applying instructional design principles to infographic creation. ## Purpose Before creating an infographic, thoroughly analyze the source material to: - Understand the content at a deep level - Identify clear learning objectives for the viewer - Structure information for maximum clarity and retention - Match content to optimal layout×style combinations - Preserve all source data verbatim ## Instructional Design Mindset Approach content analysis as a **world-class instructional designer**: | Principle | Application | |-----------|-------------| | **Deep Understanding** | Read the entire document before analyzing any part | | **Learner-Centered** | Focus on what the viewer needs to understand | | **Visual Storytelling** | Use visuals to communicate, not just decorate | | **Cognitive Load** | Simplify complex ideas without losing accuracy | | **Data Integrity** | Never alter, summarize, or paraphrase source facts | ## Analysis Dimensions ### 1. Content Type Classification | Type | Characteristics | Best Layout | Best Style | |------|-----------------|-------------|------------| | **Timeline/History** | Sequential events, dates, progression | linear-progression | craft-handmade, aged-academia | | **Process/Tutorial** | Step-by-step instructions, how-to | linear-progression, winding-roadmap | ikea-manual, technical-schematic | | **Comparison** | A vs B, pros/cons, before-after | binary-comparison, comparison-matrix | corporate-memphis, bold-graphic | | **Hierarchy** | Levels, priorities, pyramids | hierarchical-layers, tree-branching | craft-handmade, corporate-memphis | | **Relationships** | Connections, overlaps, influences | venn-diagram, hub-spoke, jigsaw | craft-handmade, subway-map | | **Data/Metrics** | Statistics, KPIs, measurements | dashboard, periodic-table | corporate-memphis, technical-schematic | | **Cycle/Loop** | Recurring processes, feedback loops | circular-flow | craft-handmade, technical-schematic | | **System/Structure** | Components, architecture, anatomy | structural-breakdown, bento-grid | technical-schematic, ikea-manual | | **Journey/Narrative** | Stories, user flows, milestones | winding-roadmap, story-mountain | storybook-watercolor, comic-strip | | **Overview/Summary** | Multiple topics, feature highlights | bento-grid, periodic-table, dense-modules | chalkboard, bold-graphic | | **Product/Buying Guide** | Multi-dimension comparisons, specs, pitfalls | dense-modules | morandi-journal, pop-laboratory, retro-pop-grid | ### 2. Learning Objective Identification Every infographic should have 1-3 clear learning objectives. **Good Learning Objectives**: - Specific and measurable - Focus on what the viewer will understand, not just see - Written from the viewer's perspective **Format**: "After viewing this infographic, the viewer will understand..." | Content Aspect | Objective Type | |----------------|----------------| | Core concept | "...what [topic] is and why it matters" | | Process | "...how to [accomplish something]" | | Comparison | "...the key differences between [A] and [B]" | | Relationships | "...how [elements] connect to each other" | | Data | "...the significance of [key statistics]" | ### 3. Audience Analysis | Factor | Questions | Impact | |--------|-----------|--------| | **Knowledge Level** | What do they already know? | Determines complexity depth | | **Context** | Why are they viewing this? | Determines emphasis points | | **Expectations** | What do they hope to learn? | Determines success criteria | | **Visual Preferences** | Professional, playful, technical? | Influences style choice | ### 4. Complexity Assessment | Level | Indicators | Layout Recommendation | |-------|------------|----------------------| | **Simple** (3-5 points) | Few main concepts, clear relationships | sparse layouts, single focus | | **Moderate** (6-8 points) | Multiple concepts, some relationships | balanced layouts, clear sections |