Add baoyu-skills package

baoyu-skills/skills/baoyu-slide-deck/references/styles/blueprint.md

@@ -0,0 +1,67 @@
+# blueprint
+
+Precise technical blueprint style with professional analytical visual presentation
+
+## Design Aesthetic
+
+Clean, structured visual metaphors using blueprints, diagrams, and schematics. Precise, analytical and aesthetically refined. Information presented in triptych or grid-based layouts with engineering precision.
+
+## Background
+
+- Color: Blueprint Off-White (#FAF8F5)
+- Texture: Subtle grid overlay, light engineering paper feel
+
+## Typography
+
+### Primary Font (Headlines)
+
+Neue Haas Grotesk Display Pro or similar clean sans-serif. Bold weight for titles. Precise letterforms with consistent spacing. Technical, authoritative presence.
+
+### Secondary Font (Body)
+
+Tiempos Text or similar elegant serif for body explanations. Clean, readable at smaller sizes. Professional editorial quality.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Blueprint Paper | #FAF8F5 | Primary background |
+| Grid | Light Gray | #E5E5E5 | Background grid lines |
+| Primary Text | Deep Slate | #334155 | Headlines, body text |
+| Primary Accent | Engineering Blue | #2563EB | Key elements, highlights |
+| Secondary Accent | Navy Blue | #1E3A5F | Supporting elements |
+| Tertiary | Light Blue | #BFDBFE | Backgrounds, fills |
+| Warning | Amber | #F59E0B | Warnings, emphasis points |
+
+## Visual Elements
+
+- Precise lines with consistent stroke weights
+- Technical schematics and clean vector graphics
+- Thin line work in technical drawing style
+- Connection lines use straight lines or 90-degree angles only
+- Data visualization with clean, minimal charts
+- Dimension lines and measurement indicators
+- Cross-section style diagrams
+- Isometric or orthographic projections
+
+## Style Rules
+
+### Do
+
+- Maintain consistent line weights throughout
+- Use grid alignment for all elements
+- Keep color palette restrained and unified
+- Create clear visual hierarchy through scale
+- Use geometric precision for all shapes
+
+### Don't
+
+- Use hand-drawn or organic shapes
+- Add decorative flourishes
+- Use curved connection lines
+- Include photographic elements
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Technical architecture, system design, data analysis, professional business presentations, engineering documentation, process flows

baoyu-skills/skills/baoyu-slide-deck/references/styles/bold-editorial.md

@@ -0,0 +1,70 @@
+# bold-editorial
+
+High-impact magazine editorial style with bold visual expression
+
+## Design Aesthetic
+
+Strong visual impact at magazine cover level. Bold typography and dramatic contrast. Full-bleed imagery and large color blocks create commanding presence. Every slide feels like a premium publication cover.
+
+## Background
+
+- Color: Deep Black (#0A0A0A) primary, or Deep Blue (#0F172A) alternative
+- Texture: None - clean solid backgrounds, or pure white with bold color blocks
+
+## Typography
+
+### Primary Font (Headlines)
+
+Bold condensed typeface like Impact, Oswald Bold, or Bebas Neue. Oversized headlines that dominate the slide. All-caps for maximum impact. Tight letter-spacing.
+
+### Secondary Font (Body)
+
+Clean sans-serif such as Inter, SF Pro, or Helvetica Neue. Medium weight for body text. High contrast against background.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background Dark | Deep Black | #0A0A0A | Primary dark background |
+| Background Alt | Deep Blue | #0F172A | Alternative dark background |
+| Background Light | Pure White | #FFFFFF | Light mode background |
+| Primary Text | Pure White | #FFFFFF | Text on dark backgrounds |
+| Alt Text | Pure Black | #000000 | Text on light backgrounds |
+| Accent 1 | Electric Blue | #3B82F6 | Primary highlights |
+| Accent 2 | Bright Orange | #FB923C | Energy, urgency |
+| Accent 3 | Magenta | #EC4899 | Creative, bold accents |
+| Accent 4 | Neon Green | #22C55E | Success, growth |
+| Accent 5 | Violet | #8B5CF6 | Innovation, premium |
+
+## Visual Elements
+
+- Strong typography as visual element itself
+- Geometric shapes and bold color blocks
+- Full-bleed images or solid color backgrounds
+- High contrast gradients (subtle, not garish)
+- Minimal decoration - let content speak
+- Dynamic diagonal lines and angles
+- Dramatic lighting effects on text
+
+## Style Rules
+
+### Do
+
+- Use extreme scale contrast (huge headlines, small body)
+- Create bold color block compositions
+- Let negative space create tension
+- Use full-bleed backgrounds
+- Make every slide feel like a magazine cover
+
+### Don't
+
+- Use soft or muted colors
+- Add unnecessary decorative elements
+- Create busy, cluttered layouts
+- Use thin or delicate typography
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Product launches, marketing presentations, keynote speeches, brand showcases, investor pitches, high-stakes presentations
+

baoyu-skills/skills/baoyu-slide-deck/references/styles/chalkboard.md

@@ -0,0 +1,68 @@
+# chalkboard
+
+Black chalkboard background with colorful chalk drawing style
+
+## Design Aesthetic
+
+Classic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching. Colorful chalk creates visual hierarchy while maintaining the authentic chalkboard experience.
+
+## Background
+
+- Color: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)
+- Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks
+
+## Typography
+
+### Primary Font (Headlines)
+
+Hand-drawn chalk lettering style. Bold, slightly uneven strokes with visible chalk texture. Imperfect baseline adds authenticity. White or bright colored chalk for emphasis.
+
+### Secondary Font (Body)
+
+Neater chalk handwriting for readability. Consistent sizing with natural variation. Light chalk texture, thinner strokes than headlines.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Chalkboard Black | #1A1A1A | Primary background |
+| Alt Background | Green-Black | #1C2B1C | Traditional green board |
+| Primary Text | Chalk White | #F5F5F5 | Main text, outlines |
+| Accent 1 | Chalk Yellow | #FFE566 | Highlights, emphasis |
+| Accent 2 | Chalk Pink | #FF9999 | Secondary highlights |
+| Accent 3 | Chalk Blue | #66B3FF | Diagrams, links |
+| Accent 4 | Chalk Green | #90EE90 | Success, nature |
+| Accent 5 | Chalk Orange | #FFB366 | Warnings, energy |
+
+## Visual Elements
+
+- Hand-drawn chalk illustrations with sketchy, imperfect lines
+- Chalk dust effects around text and key elements
+- Doodles: stars, arrows, underlines, circles, checkmarks
+- Mathematical formulas and simple diagrams
+- Eraser smudges and chalk residue textures
+- Wooden frame border optional
+- Stick figures and simple icons
+- Connection lines with hand-drawn feel
+
+## Style Rules
+
+### Do
+
+- Maintain authentic chalk texture on all elements
+- Use imperfect, hand-drawn quality throughout
+- Add subtle chalk dust and smudge effects
+- Create visual hierarchy with color variety
+- Include playful doodles and annotations
+
+### Don't
+
+- Use perfect geometric shapes
+- Create clean digital-looking lines
+- Add photorealistic elements
+- Use gradients or glossy effects
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Educational presentations, classroom content, tutorials, teaching materials, back-to-school themes, workshop presentations, informal learning sessions, knowledge sharing

baoyu-skills/skills/baoyu-slide-deck/references/styles/corporate.md

@@ -0,0 +1,69 @@
+# corporate
+
+Professional business style with navy/gold palette and structured layouts
+
+## Design Aesthetic
+
+Clean lines, structured layouts, and business-appropriate sophistication. Projects competence, reliability, and institutional credibility. Balances professionalism with approachability through careful use of whitespace and refined color choices.
+
+## Background
+
+- Color: Pure White (#FFFFFF) with navy structural elements
+- Texture: None - crisp digital clarity for maximum professionalism
+
+## Typography
+
+### Primary Font (Headlines)
+
+Modern geometric sans-serif (Inter, SF Pro, or similar). Clean, professional, and highly legible. Conveys competence and contemporary business sensibility. Medium to semi-bold weight.
+
+### Secondary Font (Body)
+
+Humanist sans-serif (Source Sans Pro style) for body text. Friendly yet professional, optimized for reading comprehension. Regular weight with comfortable line height.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Pure White | #FFFFFF | Main slide background |
+| Primary Text | Navy | #1E3A5F | Headlines, key text |
+| Secondary Text | Dark Gray | #4A5568 | Body text |
+| Primary Accent | Gold | #C9A227 | Premium highlights, emphasis |
+| Secondary Accent | Light Navy | #3D5A80 | Secondary elements |
+| Success | Corporate Green | #059669 | Positive metrics |
+| Alert | Corporate Red | #DC2626 | Attention items |
+| Neutral | Light Gray | #F3F4F6 | Background sections |
+
+## Visual Elements
+
+- Clean charts and data visualizations
+- Professional iconography (outlined style)
+- Structured grid layouts
+- Subtle shadows for depth (minimal)
+- Progress bars and metrics displays
+- Organizational charts
+- Timeline graphics
+- Comparison tables
+
+## Style Rules
+
+### Do
+
+- Maintain clear visual hierarchy
+- Use consistent grid alignment
+- Apply accent colors strategically (gold for emphasis)
+- Keep data visualizations clean and readable
+- Use professional outlined iconography
+
+### Don't
+
+- Use playful or casual elements
+- Apply heavy decorative effects
+- Mix too many accent colors
+- Crowd slides with information
+- Use informal illustration styles
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Business presentations, investor decks, quarterly reports, executive summaries, client proposals, corporate communications, board meetings

baoyu-skills/skills/baoyu-slide-deck/references/styles/dark-atmospheric.md

@@ -0,0 +1,69 @@
+# dark-atmospheric
+
+Dark moody aesthetic with deep colors and glowing accent elements
+
+## Design Aesthetic
+
+Cinematic dark mode aesthetic with atmospheric depth. Deep purples, blacks, and rich shadows with glowing accents creating dramatic visual contrast. Mysterious, sophisticated, and visually striking. Perfect for evening events, creative industries, and premium brand presentations.
+
+## Background
+
+- Color: Deep Purple-Black (#0D0D1A) or Rich Navy (#1A1A2E)
+- Texture: Subtle gradient from darker edges to slightly lighter center, atmospheric fog effect
+
+## Typography
+
+### Primary Font (Headlines)
+
+Elegant serif or refined sans-serif in light/white. High contrast against dark background. Medium to bold weight. Letterforms may have subtle glow effect.
+
+### Secondary Font (Body)
+
+Clean sans-serif in light gray or muted white. Readable against dark backgrounds. Regular weight with generous line height.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Deep Purple-Black | #0D0D1A | Primary background |
+| Alt Background | Rich Navy | #1A1A2E | Secondary areas |
+| Primary Text | Pure White | #FFFFFF | Headlines |
+| Secondary Text | Light Gray | #A0AEC0 | Body text |
+| Glow Accent 1 | Electric Purple | #8B5CF6 | Primary glow |
+| Glow Accent 2 | Cyan Blue | #06B6D4 | Secondary glow |
+| Glow Accent 3 | Magenta Pink | #EC4899 | Tertiary accent |
+| Glow Accent 4 | Amber | #F59E0B | Warm highlights |
+| Subtle | Dark Gray | #2D3748 | Dividers, borders |
+
+## Visual Elements
+
+- Glowing accent elements and borders
+- Subtle gradient backgrounds
+- Atmospheric fog or particle effects
+- Neon-style highlights on key elements
+- Silhouettes with backlit edges
+- Audio waveforms or sound visualizations
+- Radiating light circles and orbs
+- Cinematic letterboxing optional
+
+## Style Rules
+
+### Do
+
+- Maintain high contrast for readability
+- Use glowing effects sparingly for emphasis
+- Create atmospheric depth with gradients
+- Design dramatic visual focal points
+- Keep text crisp against dark backgrounds
+
+### Don't
+
+- Overuse neon effects (less is more)
+- Create low-contrast text combinations
+- Use bright backgrounds
+- Add cluttered busy elements
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Entertainment presentations, music and audio content, creative agency pitches, evening events, premium brand reveals, gaming content, cinematic storytelling, tech product launches

baoyu-skills/skills/baoyu-slide-deck/references/styles/editorial-infographic.md

@@ -0,0 +1,73 @@
+# editorial-infographic
+
+Modern magazine-style editorial infographic with clear visual storytelling
+
+## Design Aesthetic
+
+High-quality magazine explainer aesthetic. Clear visual storytelling that transforms complex information into digestible narratives. Clean illustrations, structured layouts, and professional typography. Think Wired, The Verge, or high-end science publications.
+
+## Background
+
+- Color: Pure White (#FFFFFF) or Light Gray (#F8F9FA)
+- Texture: None or subtle paper grain for print feel
+
+## Typography
+
+### Primary Font (Headlines)
+
+Bold display serif or modern sans-serif. Strong visual presence. Clean letterforms with editorial sophistication. Large scale for impact.
+
+### Secondary Font (Subheads)
+
+Semi-bold sans-serif for section headers. Clear hierarchy distinction from body text. Consistent styling throughout.
+
+### Body Font
+
+Humanist sans-serif optimized for reading. Clean, professional, accessible. Comfortable line height (1.6).
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Pure White | #FFFFFF | Primary background |
+| Alt Background | Light Gray | #F8F9FA | Section backgrounds |
+| Primary Text | Near Black | #1A1A1A | Headlines, body |
+| Secondary Text | Dark Gray | #4A5568 | Captions, metadata |
+| Accent 1 | Editorial Blue | #2563EB | Primary accent |
+| Accent 2 | Coral | #F97316 | Secondary accent |
+| Accent 3 | Emerald | #10B981 | Positive elements |
+| Accent 4 | Amber | #F59E0B | Warning, attention |
+| Dividers | Medium Gray | #D1D5DB | Section dividers |
+
+## Visual Elements
+
+- Clean flat illustrations (not photos)
+- Structured multi-section layouts
+- Callout boxes for key insights
+- Icon-based data visualization
+- Visual metaphors for abstract concepts
+- Flow diagrams with clear directional hierarchy
+- Pull quotes and highlight boxes
+- Section dividers and visual breaks
+
+## Style Rules
+
+### Do
+
+- Create clear visual narrative flow
+- Use structured multi-section layouts
+- Include callout boxes for key insights
+- Design visual metaphors for complex ideas
+- Maintain magazine-quality polish
+
+### Don't
+
+- Use photographic imagery
+- Create cluttered dense layouts
+- Mix too many visual styles
+- Add decorative elements without purpose
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Technology explainers, science communication, research summaries, policy briefings, investigative content, educational deep-dives, thought leadership pieces

baoyu-skills/skills/baoyu-slide-deck/references/styles/fantasy-animation.md

@@ -0,0 +1,69 @@
+# fantasy-animation
+
+Whimsical hand-drawn animation style inspired by classic fantasy illustration
+
+## Design Aesthetic
+
+Charming hand-drawn animation aesthetic reminiscent of classic Disney, Studio Ghibli, or European storybook illustration. Soft, painterly textures with warm, inviting colors. Friendly characters, magical elements, and storybook layouts. Enchanting, nostalgic, and emotionally engaging.
+
+## Background
+
+- Color: Soft Sky Blue (#E8F4FC) or Warm Cream (#FFF8E7)
+- Texture: Subtle watercolor wash, soft brush strokes, gentle paper texture
+
+## Typography
+
+### Primary Font (Headlines)
+
+Whimsical serif or decorative hand-lettered style. Slight curvature and organic feel. Warm, friendly character. Think fairy tale book titles.
+
+### Secondary Font (Body)
+
+Rounded sans-serif or casual handwritten style. Friendly and readable. Maintains storybook aesthetic while staying legible.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Soft Sky Blue | #E8F4FC | Primary background |
+| Alt Background | Warm Cream | #FFF8E7 | Secondary areas |
+| Primary Text | Deep Forest | #2D5A3D | Headlines |
+| Body Text | Warm Brown | #5D4E37 | Body content |
+| Accent 1 | Golden Yellow | #F4D03F | Magic, highlights |
+| Accent 2 | Rose Pink | #E8A0BF | Warmth, charm |
+| Accent 3 | Sage Green | #87A96B | Nature elements |
+| Accent 4 | Sky Blue | #7EC8E3 | Air, water, dreams |
+| Accent 5 | Coral | #F08080 | Emphasis, life |
+
+## Visual Elements
+
+- Central illustrated character (friendly, expressive)
+- Small companion creatures (animals, magical beings)
+- Storybook-style environment backgrounds
+- Magical floating objects (books, bags, boxes, orbs)
+- Decorative elements: stars, sparkles, flowers, leaves
+- Soft shadows and gentle highlights
+- Layered depth with foreground/background elements
+- Themed content containers (trunks, satchels, scroll boxes)
+
+## Style Rules
+
+### Do
+
+- Create warm, inviting compositions
+- Use soft edges and painterly textures
+- Include charming character illustrations
+- Add magical decorative touches
+- Maintain storybook narrative feel
+
+### Don't
+
+- Use harsh geometric shapes
+- Create dark or intimidating imagery
+- Add photorealistic elements
+- Use cold color palettes
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Educational content, children's presentations, storytelling, creative workshops, book presentations, fantasy/gaming content, inspirational talks, family-friendly events

baoyu-skills/skills/baoyu-slide-deck/references/styles/hand-drawn-edu.md

@@ -0,0 +1,69 @@
+# hand-drawn-edu
+
+Hand-drawn educational infographic with macaron pastel color blocks on warm cream paper
+
+## Design Aesthetic
+
+Hand-drawn educational infographic feel with slight wobble on all lines and shapes, like a high-quality presentation visual summary. Warm cream paper background with macaron pastel color blocks creating distinct information zones. Simple cartoon characters and doodle decorations bring concepts to life while maintaining clean composition and generous white space.
+
+## Background
+
+- Color: Warm Cream (#F5F0E8)
+- Texture: Subtle warm paper grain, hand-drawn feel with slight organic imperfection
+
+## Typography
+
+### Primary Font (Headlines)
+
+Bold hand-drawn lettering with organic strokes. Large, confident letterforms with slight wobble. Thick marker-style strokes. Render as hand-drawn letters, not typed text.
+
+### Secondary Font (Body)
+
+Clear handwritten style for body text and labels. Warm gray (#6B6B6B) for annotations and small labels. Bold keywords within body text for emphasis. Legible but not mechanical.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Warm Cream | #F5F0E8 | Primary background |
+| Primary Text | Deep Charcoal | #2D2D2D | Headlines, main text, outlines |
+| Macaron Blue | Sky Blue | #A8D8EA | Info block fill, cool-toned zones |
+| Macaron Mint | Mint Green | #B5E5CF | Info block fill, growth/positive zones |
+| Macaron Lavender | Lavender | #D5C6E0 | Info block fill, abstract/concept zones |
+| Macaron Peach | Peach | #FFD5C2 | Info block fill, warm-toned zones |
+| Accent | Coral Red | #E8655A | Key data, warnings, emphasis |
+| Muted Text | Warm Gray | #6B6B6B | Secondary annotations, small labels |
+
+## Visual Elements
+
+- Macaron pastel rounded cards as distinct information zones
+- Hand-drawn wavy connection lines and arrows between zones
+- Simple stick-figure characters and cartoon icons
+- Doodle decorations: small stars, underlines, spirals
+- Color fills don't completely fill outlines — preserve hand-drawn casual feel
+- Dashed borders for secondary or contained zones
+- Small icon doodles (clipboard, lock, checkmark) to reinforce concepts
+
+## Style Rules
+
+### Do
+
+- Use distinct macaron color blocks for each information zone
+- Keep hand-drawn wobble consistent across all lines and shapes
+- Include simple cartoon characters to humanize concepts
+- Add small label annotations on connecting arrows
+- Include a bold centered quote or takeaway at the bottom
+- Maintain generous white space between zones
+
+### Don't
+
+- Use perfect geometric shapes or straight lines
+- Create photorealistic elements
+- Mix more than 4 macaron colors per slide
+- Use pure white backgrounds
+- Add slide numbers, footers, or logos
+- Overcrowd — each zone should breathe
+
+## Best For
+
+Educational diagrams, process explainers, concept maps, onboarding visuals, knowledge summaries, tutorial walkthroughs

baoyu-skills/skills/baoyu-slide-deck/references/styles/intuition-machine.md

@@ -0,0 +1,72 @@
+# intuition-machine
+
+Technical briefing infographic style with aged paper texture and bilingual explanatory text boxes
+
+## Design Aesthetic
+
+Academic/technical briefing presentation style, NOT artistic 3D renders. Clean 2D or isometric technical illustrations with multiple explanatory text boxes containing article content. Split layouts with visuals on left/center and text on right/bottom. Information-dense but organized with clear visual hierarchy. Vintage blueprint aesthetic with modern clarity.
+
+## Background
+
+- Color: Aged Cream (#F5F0E6)
+- Texture: Subtle paper texture with light creases, warm nostalgic feel reminiscent of vintage technical prints
+
+## Typography
+
+### Primary Font (Headlines)
+
+Bold display font in dark maroon, ALL CAPS in brackets for main titles. English subtitle below in smaller size. Technical, authoritative presence with vintage character.
+
+### Secondary Font (Labels)
+
+Clean sans-serif for bilingual callout labels. Format: "ENGLISH TERM 中文翻译". High contrast against background.
+
+### Body Font
+
+Clean geometric sans-serif for text box content. Readable at smaller sizes. Consistent weight throughout.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Aged Cream | #F5F0E6 | Primary background |
+| Paper Texture | Warm White | #F5F0E1 | Blueprint paper effect |
+| Primary Text | Dark Maroon | #5D3A3A | Headlines, titles |
+| Body Text | Near Black | #1A1A1A | Text box content |
+| Accent 1 | Teal | #2F7373 | Primary illustrations |
+| Accent 2 | Warm Brown | #8B7355 | Secondary elements |
+| Accent 3 | Maroon | #722F37 | Titles, emphasis |
+| Outline | Deep Charcoal | #2D2D2D | Element outlines |
+
+## Visual Elements
+
+- Isometric 3D technical illustrations OR flat 2D diagrams (choose based on concept)
+- 3-5 explanatory text boxes per slide with labeled content
+- Bilingual callout labels pointing to key parts
+- Faded thematic background patterns (circuits, gears, flowcharts related to topic)
+- Clean black outlines on all elements
+- Split or triptych layouts
+- "KEY QUOTE:" box at bottom with core insight
+- No title blocks, stamps, or watermarks in corners
+
+## Style Rules
+
+### Do
+
+- Include 3-5 text boxes with substantive content from source material
+- Use bilingual labels (English + Chinese) for key elements
+- Add faded thematic background patterns related to the topic
+- Maintain aged paper texture throughout
+- Create clear visual hierarchy with split layouts
+
+### Don't
+
+- Create photorealistic renders or artistic 3D scenes
+- Leave slides without explanatory text content
+- Add title blocks or stamps in corners
+- Use gradients or glossy effects
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Technical explanations, concept breakdowns, academic presentations, knowledge documentation, research summaries, educational content with depth, bilingual audiences

baoyu-skills/skills/baoyu-slide-deck/references/styles/minimal.md

@@ -0,0 +1,64 @@
+# minimal
+
+Ultra-clean keynote style with maximum whitespace and zen-like simplicity
+
+## Design Aesthetic
+
+Maximum whitespace with minimal elements. Zen-like simplicity where every element earns its place. Premium, refined aesthetic suitable for executive audiences. Less is more - remove until nothing more can be taken away.
+
+## Background
+
+- Color: Pure White (#FFFFFF)
+- Texture: None - absolute clean, no grain or patterns
+
+## Typography
+
+### Primary Font (Headlines)
+
+Clean geometric sans-serif like SF Pro Display, Inter, or Helvetica Neue. Light to medium weight for elegant restraint. Generous letter-spacing. Large scale for impact without boldness.
+
+### Secondary Font (Body)
+
+Same family as headlines in lighter weight. Minimal size contrast. Clean, airy feeling throughout.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Pure White | #FFFFFF | Primary background |
+| Primary Text | Near Black | #1A1A1A | Headlines, body |
+| Secondary Text | Medium Gray | #6B7280 | Captions, metadata |
+| Accent | Single Brand Color | #2563EB | One accent only, sparingly |
+| Dividers | Light Gray | #E5E7EB | Subtle separators |
+
+## Visual Elements
+
+- Single accent color used sparingly
+- Thin hairline rules for separation
+- Generous margins (minimum 15% on all sides)
+- Center or left-aligned layouts
+- Simple geometric shapes only when necessary
+- No decorative elements
+- Data visualizations in single color or grayscale
+
+## Style Rules
+
+### Do
+
+- Embrace empty space as a design element
+- Use single accent color only
+- Keep text minimal (10 words or less per slide)
+- Create breathing room between elements
+- Use scale to create hierarchy
+
+### Don't
+
+- Fill empty space with decoration
+- Use multiple accent colors
+- Add icons or illustrations unless essential
+- Create dense information layouts
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Executive briefings, keynote presentations, premium brand communications, minimalist products, investor meetings, high-level strategy

baoyu-skills/skills/baoyu-slide-deck/references/styles/notion.md

@@ -0,0 +1,69 @@
+# notion
+
+SaaS dashboard aesthetic with clean data focus and productivity tool styling
+
+## Design Aesthetic
+
+Clean, functional SaaS interface aesthetic. Dashboard-inspired layouts with clear data hierarchy. Notion, Linear, and modern productivity tool styling. Information-dense but organized. Professional and trustworthy.
+
+## Background
+
+- Color: Light Gray (#F7F7F5) or Pure White (#FFFFFF)
+- Texture: None - clean solid backgrounds
+
+## Typography
+
+### Primary Font (Headlines)
+
+System UI stack or Inter. Semi-bold weight for emphasis. Clean, functional letterforms. Slightly tighter letter-spacing.
+
+### Secondary Font (Body)
+
+Same family in regular weight. Optimized for screen reading. Comfortable line height (1.5-1.6).
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Light Gray | #F7F7F5 | Primary background |
+| Card Background | Pure White | #FFFFFF | Content cards |
+| Primary Text | Near Black | #1F1F1F | Headlines, body |
+| Secondary Text | Gray | #6B6B6B | Metadata, labels |
+| Border | Light Border | #E5E5E5 | Card borders, dividers |
+| Accent Blue | Notion Blue | #2383E2 | Links, primary actions |
+| Accent Green | Success | #0F7B6C | Positive metrics |
+| Accent Red | Alert | #E03E3E | Negative metrics |
+| Accent Yellow | Warning | #DFAB01 | Cautions |
+
+## Visual Elements
+
+- Card-based layouts with subtle borders or shadows
+- Clean data tables and charts
+- Progress bars and metric displays
+- Icon-based navigation hints
+- Checkbox and toggle styling
+- Tag and label chips
+- Subtle hover state styling
+- Breadcrumb and hierarchy indicators
+
+## Style Rules
+
+### Do
+
+- Use card-based content organization
+- Create clear data hierarchy
+- Use subtle shadows and borders
+- Keep layouts grid-aligned
+- Present metrics prominently
+
+### Don't
+
+- Use decorative illustrations
+- Add gradients or complex backgrounds
+- Create artistic layouts
+- Use rounded blob shapes
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Product demos, SaaS presentations, productivity tool pitches, metrics dashboards, feature walkthroughs, B2B presentations, technical product marketing

baoyu-skills/skills/baoyu-slide-deck/references/styles/pixel-art.md

@@ -0,0 +1,67 @@
+# pixel-art
+
+Retro 8-bit pixel art aesthetic with nostalgic gaming visual style
+
+## Design Aesthetic
+
+Pixelated retro aesthetic reminiscent of classic 8-bit and 16-bit era games. Chunky pixels, limited color palettes, and nostalgic gaming references. Simple geometric shapes rendered in blocky pixel form. Fun, playful, and immediately recognizable retro tech aesthetic.
+
+## Background
+
+- Color: Light Blue (#87CEEB) or Soft Lavender (#E6E6FA)
+- Texture: Subtle pixel grid pattern, CRT scanline effect optional
+
+## Typography
+
+### Primary Font (Headlines)
+
+Pixelated bitmap font style. Chunky, blocky letterforms with visible pixel structure. All caps for maximum readability. Render as actual pixel art, not smooth vectors.
+
+### Secondary Font (Body)
+
+Smaller pixel font with consistent 8x8 or 16x16 character grid. High contrast against background. Limited anti-aliasing to maintain retro feel.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Light Blue | #87CEEB | Primary background |
+| Alt Background | Soft Lavender | #E6E6FA | Secondary backgrounds |
+| Primary Text | Dark Navy | #1A1A2E | Headlines, body text |
+| Accent 1 | Pixel Green | #00FF00 | Success, highlights |
+| Accent 2 | Pixel Red | #FF0000 | Alerts, emphasis |
+| Accent 3 | Pixel Yellow | #FFFF00 | Warnings, energy |
+| Accent 4 | Pixel Cyan | #00FFFF | Info, tech elements |
+| Accent 5 | Pixel Magenta | #FF00FF | Special elements |
+
+## Visual Elements
+
+- All elements rendered with visible pixel structure
+- Simple iconography: notepad, checkboxes, gears, rockets, play buttons
+- Text bubbles and speech boxes with pixel borders
+- 8-bit style decorative elements: stars, hearts, arrows
+- Progress bars with chunky pixel segments
+- Dithering patterns for gradients and shadows
+- Limited to 16-32 color palette per slide
+
+## Style Rules
+
+### Do
+
+- Maintain consistent pixel grid throughout
+- Use limited color palette (16-32 colors max)
+- Create blocky, geometric shapes
+- Add nostalgic gaming references where appropriate
+- Use dithering for color transitions
+
+### Don't
+
+- Use smooth gradients or anti-aliasing
+- Create photorealistic elements
+- Use thin lines or fine details
+- Add modern glossy effects
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Gaming presentations, tech tutorials, nostalgic content, developer talks, retro-themed events, educational content for younger audiences, creative tech presentations

baoyu-skills/skills/baoyu-slide-deck/references/styles/scientific.md

@@ -0,0 +1,73 @@
+# scientific
+
+Educational scientific illustration style for pathways, processes, and technical diagrams
+
+## Design Aesthetic
+
+Academic scientific illustration aesthetic for biological pathways, chemical processes, and technical systems. Clean, precise diagrams with proper labeling and clear visual flow. Educational clarity with professional polish. Think textbook quality illustrations and academic journal figures.
+
+## Background
+
+- Color: Off-White (#FAFAFA) or Light Blue-Gray (#F0F4F8)
+- Texture: None or very subtle paper grain for print feel
+
+## Typography
+
+### Primary Font (Headlines)
+
+Clean serif font (Times New Roman style) for formal academic feel. Bold weight for main titles. Professional, authoritative presence.
+
+### Secondary Font (Labels)
+
+Sans-serif for diagram labels and annotations. Clear, readable at small sizes. Consistent sizing for hierarchy.
+
+### Body Font
+
+Serif for body paragraphs, sans-serif for bullet points and lists. Academic publication styling.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Off-White | #FAFAFA | Primary background |
+| Primary Text | Dark Slate | #1E293B | Headlines, body |
+| Label Text | Medium Gray | #475569 | Annotations |
+| Pathway 1 | Teal | #0D9488 | Primary pathway |
+| Pathway 2 | Blue | #3B82F6 | Secondary pathway |
+| Pathway 3 | Purple | #8B5CF6 | Tertiary pathway |
+| Membrane | Amber | #F59E0B | Biological membranes |
+| Alert | Red | #EF4444 | Key molecules, emphasis |
+| Positive | Green | #22C55E | Products, outputs |
+
+## Visual Elements
+
+- Horizontal membrane or structure bases
+- Labeled modular components with distinct colors
+- Flow arrows (electron, proton, molecule movement)
+- Chemical formulas and molecular notation
+- Cross-section and pathway diagrams
+- Numbered step sequences
+- Key molecule callouts
+- Process summary boxes
+
+## Style Rules
+
+### Do
+
+- Use precise, consistent line weights
+- Label all components clearly
+- Show directional flow with arrows
+- Include chemical/molecular notation where relevant
+- Create clear numbered sequences
+
+### Don't
+
+- Use decorative illustrations
+- Create imprecise or artistic diagrams
+- Omit important labels
+- Use inconsistent visual language
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Biology lectures, chemistry presentations, medical education, research presentations, academic papers, scientific conferences, textbook illustrations, process documentation

baoyu-skills/skills/baoyu-slide-deck/references/styles/sketch-notes.md

@@ -0,0 +1,66 @@
+# sketch-notes
+
+Soft hand-drawn illustration style with fresh, refined minimalist editorial aesthetic
+
+## Design Aesthetic
+
+Illustration or hand-drawn feel with soft, relaxed brush strokes. Fresh, refined overall style with minimalist editorial approach. Emphasis on precision, clarity and intelligent elegance while prioritizing warmth, approachability and friendliness.
+
+## Background
+
+- Color: Warm Off-White (#FAF8F0)
+- Texture: Subtle paper grain, slightly warm tone to avoid clinical feel
+
+## Typography
+
+### Primary Font (Headlines)
+
+Bold hand-written marker font or cartoon poster font. Slightly uneven baseline for organic feel. Thick strokes with soft edges. Render as hand-drawn letters, not typed text.
+
+### Secondary Font (Body)
+
+Clear handwritten round or hard-pen style mimicking everyday notes. Consistent sizing with slight natural variation. Render as casual handwriting, legible but not mechanical.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Warm Off-White | #FAF8F0 | Primary background |
+| Primary Text | Deep Charcoal | #2C3E50 | Headlines, body text |
+| Alt Text | Deep Brown | #4A4A4A | Secondary text elements |
+| Accent 1 | Soft Orange | #F4A261 | Highlights, emphasis |
+| Accent 2 | Mustard Yellow | #E9C46A | Secondary highlights |
+| Accent 3 | Sage Green | #87A96B | Nature, growth concepts |
+| Accent 4 | Light Blue | #7EC8E3 | Tech, AI elements |
+| Accent 5 | Red Brown | #A0522D | Land, infrastructure |
+
+## Visual Elements
+
+- Connection lines with hand-drawn wavy feel, not perfectly straight
+- Conceptual abstract icons illustrating ideas rather than literal scenes
+- Color fills don't need to completely fill outlines - preserve hand-painted casual feel
+- Simple geometric shapes with rounded corners
+- Arrows and pointers with sketchy, informal style
+- Doodle-style decorative elements: stars, spirals, underlines
+
+## Style Rules
+
+### Do
+
+- Keep layouts open and well-structured
+- Emphasize information hierarchy and readability
+- Use hand-drawn quality for all elements
+- Allow imperfection - slight wobbles add character
+- Layer elements with subtle overlaps
+
+### Don't
+
+- Use perfect geometric shapes
+- Create photorealistic elements
+- Overcrowd with too many elements
+- Use pure white backgrounds
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Educational content, knowledge sharing, technical explanations, friendly presentations, tutorials, onboarding materials

baoyu-skills/skills/baoyu-slide-deck/references/styles/vector-illustration.md

@@ -0,0 +1,72 @@
+# vector-illustration
+
+Flat vector illustration style with clear black outlines and retro soft color palette
+
+## Design Aesthetic
+
+Flat vector illustration with no gradients or 3D effects. Clear, uniform-thickness black outlines on all elements. Geometric simplification reducing complex objects to basic shapes. Toy model aesthetic that's cute, playful, and approachable. Panoramic horizontal compositions work well.
+
+## Background
+
+- Color: Cream Off-White (#F5F0E6)
+- Texture: Subtle paper texture, warm nostalgic feel reminiscent of vintage prints
+
+## Typography
+
+### Primary Font (Headlines)
+
+Large, bold retro serif for titles conveying authority and elegance. Think classic advertising posters. Clean letterforms with strong presence.
+
+### Secondary Font (Subtitles)
+
+All-caps sans-serif inside colored rectangular blocks. Label-like appearance. High contrast against block color.
+
+### Body Font
+
+Clean geometric sans-serif for readability. Futura, Avenir, or similar. Consistent weight throughout.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Cream Off-White | #F5F0E6 | Primary background |
+| Outlines | Deep Charcoal | #2D2D2D | All element outlines |
+| Primary Text | Black | #1A1A1A | Headlines, body |
+| Accent 1 | Coral Red | #E07A5F | Primary accent, warmth |
+| Accent 2 | Mint Green | #81B29A | Secondary accent, nature |
+| Accent 3 | Mustard Yellow | #F2CC8F | Highlights, energy |
+| Accent 4 | Burnt Orange | #D4764A | Tertiary accent |
+| Accent 5 | Rock Blue | #577590 | Cool balance, tech |
+
+## Visual Elements
+
+- All objects have closed black outlines (coloring book style)
+- Rounded line endings, avoid sharp corners
+- Trees simplified to lollipop or triangle shapes
+- Buildings simplified to rectangular blocks with grid windows
+- 2.5D perspective (isometric-like but more free-form)
+- Depth through layering and overlap, not atmospheric perspective
+- Decorative geometric elements: radiating lines (sunbursts), pill-shaped clouds, dots, stars
+- People as simple geometric figures with minimal facial detail
+
+## Style Rules
+
+### Do
+
+- Maintain consistent outline thickness throughout
+- Use soft, vintage color palette
+- Simplify all objects to basic geometric shapes
+- Create depth through layering
+- Add playful decorative elements
+
+### Don't
+
+- Use gradients or realistic shading
+- Create photorealistic elements
+- Use thin or varying line weights
+- Include complex detailed illustrations
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Educational presentations, creative proposals, children's content, brand showcases, warm approachable topics, explainer content

baoyu-skills/skills/baoyu-slide-deck/references/styles/vintage.md

@@ -0,0 +1,73 @@
+# vintage
+
+Vintage aged-paper aesthetic for historical and expedition-style presentations
+
+## Design Aesthetic
+
+Nostalgic vintage aesthetic with aged paper textures and historical document styling. Think explorer's journals, antique maps, and museum exhibits. Rich warm tones with weathered textures. Evokes discovery, heritage, and timeless knowledge.
+
+## Background
+
+- Color: Aged Parchment (#F5E6D3) or Sepia Cream (#FFF8DC)
+- Texture: Heavy aged paper texture with subtle creases, coffee stains, and worn edges
+
+## Typography
+
+### Primary Font (Headlines)
+
+Classic serif with historical character (Garamond, Baskerville, or similar). Elegant, authoritative, timeless. May include decorative flourishes.
+
+### Secondary Font (Labels)
+
+Condensed serif or clean sans-serif for map labels and annotations. Period-appropriate styling. Consistent with vintage aesthetic.
+
+### Body Font
+
+Readable serif for longer text. Traditional book typography. Comfortable reading experience.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Aged Parchment | #F5E6D3 | Primary background |
+| Alt Background | Sepia Cream | #FFF8DC | Secondary areas |
+| Primary Text | Dark Brown | #3D2914 | Headlines, body |
+| Secondary Text | Medium Brown | #6B4423 | Annotations |
+| Accent 1 | Forest Green | #2D5A3D | Maps, nature |
+| Accent 2 | Navy Blue | #1E3A5F | Ocean, lines |
+| Accent 3 | Burgundy | #722F37 | Emphasis, borders |
+| Accent 4 | Gold | #C9A227 | Highlights, compass |
+| Ink | Sepia Black | #3D3D3D | Fine details |
+
+## Visual Elements
+
+- Antique maps with route lines and landmarks
+- Compass roses and nautical elements
+- Expedition ship or vehicle illustrations
+- Specimen drawings (flora, fauna, fossils)
+- Handwritten-style annotations
+- Rope, leather, and brass decorative motifs
+- Wave and terrain texture patterns
+- Vintage photograph-style image frames
+
+## Style Rules
+
+### Do
+
+- Apply consistent aged texture throughout
+- Use period-appropriate visual language
+- Include map and journey elements where relevant
+- Create layered collage compositions
+- Maintain warm sepia-toned palette
+
+### Don't
+
+- Use modern digital styling
+- Create crisp clean edges
+- Use cold or bright colors
+- Add contemporary elements
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Historical presentations, travel and exploration content, museum exhibits, heritage brand storytelling, biography presentations, scientific discovery narratives, educational history content

baoyu-skills/skills/baoyu-slide-deck/references/styles/watercolor.md

@@ -0,0 +1,68 @@
+# watercolor
+
+Soft watercolor illustration style with hand-painted textures and natural warmth
+
+## Design Aesthetic
+
+Gentle watercolor aesthetic with visible brush strokes and natural color bleeding. Hand-painted feel with soft edges and organic shapes. Warm, approachable, and artistically refined. Combines artistic expression with clear information delivery.
+
+## Background
+
+- Color: Warm Off-White (#FAF8F0) or Soft Cream (#FFF9E6)
+- Texture: Subtle watercolor paper texture with visible grain
+
+## Typography
+
+### Primary Font (Headlines)
+
+Elegant handwritten or brush script for titles. Organic letterforms with natural variation. Warm, personal feeling. May appear as actual hand-painted lettering.
+
+### Secondary Font (Body)
+
+Clean rounded sans-serif or casual handwriting style. Readable at smaller sizes. Maintains artistic cohesion while staying functional.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Warm Off-White | #FAF8F0 | Primary background |
+| Primary Text | Warm Charcoal | #3D3D3D | Headlines, body |
+| Accent 1 | Soft Coral | #F4A261 | Primary warmth |
+| Accent 2 | Dusty Rose | #E8A0A0 | Secondary warmth |
+| Accent 3 | Sage Green | #87A96B | Nature, growth |
+| Accent 4 | Sky Blue | #7EC8E3 | Water, calm |
+| Accent 5 | Soft Lavender | #C5B4E3 | Accent, creativity |
+| Wash | Pale Yellow | #FFF3C4 | Background washes |
+
+## Visual Elements
+
+- Watercolor washes as section backgrounds
+- Illustrated icons with visible brush strokes
+- Natural elements: leaves, bubbles, flowers
+- Color bleeds and soft edges on all elements
+- Hand-drawn arrows and connection lines
+- Labeled diagrams with watercolor fills
+- Small expressive character illustrations
+- Decorative nature accents scattered thoughtfully
+
+## Style Rules
+
+### Do
+
+- Allow color to bleed beyond sharp edges
+- Use visible brush stroke textures
+- Create soft, organic shapes
+- Include hand-drawn quality in all elements
+- Maintain warm, inviting color palette
+
+### Don't
+
+- Use sharp geometric shapes
+- Create hard edges or digital precision
+- Use cold or stark colors
+- Add photographic elements
+- Add slide numbers, footers, or logos
+
+## Best For
+
+Lifestyle content, wellness presentations, travel guides, food and cooking content, personal stories, creative workshops, artistic portfolios, warm educational content