diff --git a/.claude-plugin/marketplace.json b/.claude-plugin/marketplace.json index 909d830..7d1dabc 100644 --- a/.claude-plugin/marketplace.json +++ b/.claude-plugin/marketplace.json @@ -6,7 +6,7 @@ }, "metadata": { "description": "Skills shared by Baoyu for improving daily work efficiency", - "version": "0.9.0" + "version": "0.10.0" }, "plugins": [ { diff --git a/CHANGELOG.md b/CHANGELOG.md index 68c4a86..d02ff91 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,14 @@ English | [中文](./CHANGELOG.zh.md) +## 0.10.0 - 2026-01-18 + +### Features +- `baoyu-slide-deck`: expands style library from 10 to 15 styles with 8 new additions—`dark-atmospheric`, `editorial-infographic`, `fantasy-animation`, `intuition-machine`, `pixel-art`, `scientific`, `vintage`, `watercolor`. + +### Breaking Changes +- `baoyu-slide-deck`: removes 3 styles (`playful`, `storytelling`, `warm`); changes default style from `notion` to `blueprint`. + ## 0.9.0 - 2026-01-17 ### Features diff --git a/CHANGELOG.zh.md b/CHANGELOG.zh.md index a86b93a..7477fda 100644 --- a/CHANGELOG.zh.md +++ b/CHANGELOG.zh.md @@ -2,6 +2,14 @@ [English](./CHANGELOG.md) | 中文 +## 0.10.0 - 2026-01-18 + +### 新功能 +- `baoyu-slide-deck`:风格库从 10 个扩展至 15 个,新增 8 种风格——`dark-atmospheric`(暗黑氛围)、`editorial-infographic`(杂志信息图)、`fantasy-animation`(奇幻动画)、`intuition-machine`(技术简报)、`pixel-art`(像素艺术)、`scientific`(科学图解)、`vintage`(复古文献)、`watercolor`(水彩手绘)。 + +### 破坏性变更 +- `baoyu-slide-deck`:移除 3 种风格(`playful`、`storytelling`、`warm`);默认风格从 `notion` 改为 `blueprint`。 + ## 0.9.0 - 2026-01-17 ### 新功能 diff --git a/README.md b/README.md index 0a38df5..21d00db 100644 --- a/README.md +++ b/README.md @@ -153,16 +153,21 @@ Generate professional slide deck images from content. Creates comprehensive outl | Style | Description | Best For | |-------|-------------|----------| -| `notion` (default) | SaaS dashboard aesthetic with clean data focus, card-based layouts | Product demos, SaaS, productivity tools, B2B | -| `sketch-notes` | Hand-drawn feel with soft brush strokes, warm off-white background | Educational, tutorials, knowledge sharing | -| `blueprint` | Technical schematics with grid texture, engineering precision | Architecture, system design, data analysis | -| `bold-editorial` | High-impact magazine style, bold typography, dark backgrounds | Product launches, marketing, keynotes | -| `vector-illustration` | Flat vector with black outlines, retro soft colors, toy model aesthetic | Creative proposals, children's content, explainers | -| `minimal` | Ultra-clean with maximum whitespace, single accent color, zen-like | Executive briefings, keynotes, premium brands | -| `storytelling` | Cinematic full-bleed visuals, emotional photography | Case studies, narratives, customer journeys | -| `warm` | Soft gradients, rounded shapes, wellness palette | Lifestyle, wellness, personal development | -| `corporate` | Navy/gold palette, structured layouts, professional iconography | Investor decks, client proposals, quarterly reports | -| `playful` | Vibrant coral/teal/yellow, rounded shapes, dynamic layouts | Workshops, training, creative pitches | +| `blueprint` (default) | Technical schematics, grid texture, engineering precision | Architecture, system design | +| `notion` | SaaS dashboard aesthetic, card-based layouts, clean data focus | Product demos, SaaS, B2B | +| `bold-editorial` | High-impact magazine style, bold typography, dark backgrounds | Product launches, keynotes | +| `corporate` | Navy/gold palette, structured layouts, professional icons | Investor decks, proposals | +| `dark-atmospheric` | Cinematic dark mode, glowing accents, atmospheric depth | Entertainment, gaming, creative | +| `editorial-infographic` | Magazine-style explainers, flat illustrations | Tech explainers, research | +| `fantasy-animation` | Whimsical Ghibli/Disney style, hand-drawn animation | Educational, storytelling | +| `intuition-machine` | Technical briefing, bilingual labels, aged paper texture | Technical docs, bilingual | +| `minimal` | Ultra-clean, maximum whitespace, single accent color | Executive briefings, premium | +| `pixel-art` | Retro 8-bit aesthetic, chunky pixels, nostalgic gaming | Gaming, developer talks | +| `scientific` | Academic diagrams, biological pathways, precise labeling | Biology, chemistry, medical | +| `sketch-notes` | Hand-drawn feel, soft brush strokes, warm background | Educational, tutorials | +| `vector-illustration` | Flat vector, black outlines, retro soft colors | Creative proposals, explainers | +| `vintage` | Aged-paper aesthetic, historical document styling | Historical, heritage, biography | +| `watercolor` | Soft hand-painted textures, natural warmth | Lifestyle, wellness, travel | After generation, slides are automatically merged into a `.pptx` file for easy sharing. diff --git a/README.zh.md b/README.zh.md index 8d16d3f..67239d1 100644 --- a/README.zh.md +++ b/README.zh.md @@ -153,16 +153,21 @@ npx add-skill jimliu/baoyu-skills | 风格 | 描述 | 适用场景 | |------|------|----------| -| `notion`(默认) | SaaS 仪表盘美学,卡片式布局,数据展示清晰 | 产品演示、SaaS、生产力工具、B2B | +| `blueprint`(默认) | 技术蓝图风格,网格纹理,工程精度 | 架构设计、系统设计 | +| `notion` | SaaS 仪表盘美学,卡片式布局,数据清晰 | 产品演示、SaaS、B2B | +| `bold-editorial` | 杂志社论风格,粗体排版,深色背景 | 产品发布、主题演讲 | +| `corporate` | 海军蓝/金色配色,结构化布局,专业图标 | 投资者演示、客户提案 | +| `dark-atmospheric` | 电影级暗色调,发光效果,氛围感 | 娱乐、游戏、创意 | +| `editorial-infographic` | 杂志风格信息图,扁平插画 | 科技解说、研究报告 | +| `fantasy-animation` | 吉卜力/迪士尼风格,手绘动画 | 教育、故事讲述 | +| `intuition-machine` | 技术简报,双语标签,做旧纸张纹理 | 技术文档、双语内容 | +| `minimal` | 极简风格,大量留白,单一强调色 | 高管简报、高端品牌 | +| `pixel-art` | 复古 8-bit 像素风,怀旧游戏感 | 游戏、开发者分享 | +| `scientific` | 学术图表,生物通路,精确标注 | 生物、化学、医学 | | `sketch-notes` | 手绘风格,柔和笔触,暖白色背景 | 教育、教程、知识分享 | -| `blueprint` | 技术蓝图风格,网格纹理,工程精度 | 架构设计、系统设计、数据分析 | -| `bold-editorial` | 杂志社论风格,粗体排版,深色背景,高冲击力 | 产品发布、营销、主题演讲 | -| `vector-illustration` | 扁平矢量风格,黑色轮廓线,复古柔和配色,玩具模型感 | 创意提案、儿童内容、说明性内容 | -| `minimal` | 极简风格,大量留白,单一强调色,禅意美学 | 高管简报、主题演讲、高端品牌 | -| `storytelling` | 电影风格,全幅视觉,情感化摄影 | 案例研究、叙事、客户旅程 | -| `warm` | 柔和渐变,圆润形状,健康生活配色 | 生活方式、健康养生、个人成长 | -| `corporate` | 海军蓝/金色配色,结构化布局,专业图标 | 投资者演示、客户提案、季度报告 | -| `playful` | 活力珊瑚/青色/黄色,圆润形状,动感布局 | 工作坊、培训、创意提案 | +| `vector-illustration` | 扁平矢量风格,黑色轮廓线,复古柔和配色 | 创意提案、说明性内容 | +| `vintage` | 做旧纸张美学,历史文档风格 | 历史、传记、人文 | +| `watercolor` | 柔和手绘水彩纹理,自然温暖 | 生活方式、健康、旅行 | 生成完成后,所有幻灯片会自动合并为 `.pptx` 文件,方便分享。 diff --git a/screenshots/slide-deck-styles/blueprint.png b/screenshots/slide-deck-styles/blueprint.png new file mode 100644 index 0000000..8a3fcbd Binary files /dev/null and b/screenshots/slide-deck-styles/blueprint.png differ diff --git a/screenshots/slide-deck-styles/corporate.png b/screenshots/slide-deck-styles/corporate.png new file mode 100644 index 0000000..6aa798c Binary files /dev/null and b/screenshots/slide-deck-styles/corporate.png differ diff --git a/screenshots/slide-deck-styles/editorial-infographic.png b/screenshots/slide-deck-styles/editorial-infographic.png new file mode 100644 index 0000000..a296fe0 Binary files /dev/null and b/screenshots/slide-deck-styles/editorial-infographic.png differ diff --git a/screenshots/slide-deck-styles/fantasy-animation.png b/screenshots/slide-deck-styles/fantasy-animation.png new file mode 100644 index 0000000..f52c687 Binary files /dev/null and b/screenshots/slide-deck-styles/fantasy-animation.png differ diff --git a/screenshots/slide-deck-styles/minimal.png b/screenshots/slide-deck-styles/minimal.png new file mode 100644 index 0000000..584f880 Binary files /dev/null and b/screenshots/slide-deck-styles/minimal.png differ diff --git a/screenshots/slide-deck-styles/notion.png b/screenshots/slide-deck-styles/notion.png new file mode 100644 index 0000000..d0de3d4 Binary files /dev/null and b/screenshots/slide-deck-styles/notion.png differ diff --git a/screenshots/slide-deck-styles/sketch-notes.png b/screenshots/slide-deck-styles/sketch-notes.png new file mode 100644 index 0000000..8790df6 Binary files /dev/null and b/screenshots/slide-deck-styles/sketch-notes.png differ diff --git a/screenshots/slide-deck-styles/vector-illustration.png b/screenshots/slide-deck-styles/vector-illustration.png new file mode 100644 index 0000000..9efb32b Binary files /dev/null and b/screenshots/slide-deck-styles/vector-illustration.png differ diff --git a/skills/baoyu-slide-deck/SKILL.md b/skills/baoyu-slide-deck/SKILL.md index 4397ee4..4b8ee0f 100644 --- a/skills/baoyu-slide-deck/SKILL.md +++ b/skills/baoyu-slide-deck/SKILL.md @@ -48,16 +48,21 @@ Transform content into professional slide deck images with flexible style option | Style | Description | Best For | |-------|-------------|----------| -| `sketch-notes` | Hand-drawn, warm & friendly | Educational, tutorials | -| `blueprint` | Technical, precise & analytical | Architecture, system design | -| `bold-editorial` | Magazine, high-impact & dynamic | Product launches, keynotes | -| `vector-illustration` | Flat vector, retro & cute | Creative, children's content | +| `blueprint` (Default) | Technical schematics, grid texture | Architecture, system design | +| `notion` | SaaS dashboard, card-based layouts | Product demos, SaaS, B2B | +| `bold-editorial` | Magazine cover, bold typography, dark | Product launches, keynotes | +| `corporate` | Navy/gold, structured layouts | Investor decks, proposals | +| `dark-atmospheric` | Cinematic dark mode, glowing accents | Entertainment, gaming | +| `editorial-infographic` | Magazine explainers, flat illustrations | Tech explainers, research | +| `fantasy-animation` | Ghibli/Disney style, hand-drawn | Educational, storytelling | +| `intuition-machine` | Technical briefing, bilingual labels | Technical docs, academic | | `minimal` | Ultra-clean, maximum whitespace | Executive briefings, premium | -| `storytelling` | Cinematic, full-bleed visuals | Narratives, case studies | -| `warm` | Soft gradients, wellness aesthetic | Lifestyle, personal development | -| `notion` (Default) | SaaS dashboard, clean data focus | Product demos, productivity | -| `corporate` | Navy/gold, professional | Investor decks, proposals | -| `playful` | Vibrant, dynamic shapes | Workshops, training | +| `pixel-art` | Retro 8-bit, chunky pixels | Gaming, developer talks | +| `scientific` | Academic diagrams, precise labeling | Biology, chemistry, medical | +| `sketch-notes` | Hand-drawn, warm & friendly | Educational, tutorials | +| `vector-illustration` | Flat vector, retro & cute | Creative, children's content | +| `vintage` | Aged-paper, historical styling | Historical, heritage, biography | +| `watercolor` | Hand-painted textures, natural warmth | Lifestyle, wellness, travel | ## Auto Style Selection @@ -65,15 +70,20 @@ Transform content into professional slide deck images with flexible style option |-----------------|----------------| | tutorial, learn, education, guide, intro, beginner | `sketch-notes` | | architecture, system, data, analysis, technical | `blueprint` | -| launch, marketing, brand, keynote, impact | `bold-editorial` | | creative, children, kids, cute, illustration | `vector-illustration` | +| briefing, academic, research, bilingual, infographic, concept | `intuition-machine` | | executive, minimal, clean, simple, elegant | `minimal` | -| story, journey, case study, narrative, emotional | `storytelling` | -| wellness, lifestyle, personal, growth, mindfulness | `warm` | | saas, product, dashboard, metrics, productivity | `notion` | | investor, quarterly, business, corporate, proposal | `corporate` | -| workshop, training, fun, playful, energetic | `playful` | -| Default | `notion` | +| launch, marketing, keynote, bold, impact, magazine | `bold-editorial` | +| entertainment, music, gaming, creative, atmospheric | `dark-atmospheric` | +| explainer, journalism, science communication | `editorial-infographic` | +| story, fantasy, animation, magical, whimsical | `fantasy-animation` | +| gaming, retro, pixel, developer, nostalgia | `pixel-art` | +| biology, chemistry, medical, pathway, scientific | `scientific` | +| history, heritage, vintage, expedition, historical | `vintage` | +| lifestyle, wellness, travel, artistic, natural | `watercolor` | +| Default | `blueprint` | ## Design Philosophy diff --git a/skills/baoyu-slide-deck/references/styles/dark-atmospheric.md b/skills/baoyu-slide-deck/references/styles/dark-atmospheric.md new file mode 100644 index 0000000..5b9b910 --- /dev/null +++ b/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 diff --git a/skills/baoyu-slide-deck/references/styles/editorial-infographic.md b/skills/baoyu-slide-deck/references/styles/editorial-infographic.md new file mode 100644 index 0000000..72aad0d --- /dev/null +++ b/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 diff --git a/skills/baoyu-slide-deck/references/styles/fantasy-animation.md b/skills/baoyu-slide-deck/references/styles/fantasy-animation.md new file mode 100644 index 0000000..fc15f30 --- /dev/null +++ b/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 diff --git a/skills/baoyu-slide-deck/references/styles/intuition-machine.md b/skills/baoyu-slide-deck/references/styles/intuition-machine.md new file mode 100644 index 0000000..63eee94 --- /dev/null +++ b/skills/baoyu-slide-deck/references/styles/intuition-machine.md @@ -0,0 +1,93 @@ +# 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 + +## Text Box Types + +| Label | Purpose | +|-------|---------| +| DEFINITION 定义: | Core concept definition from source | +| KEY INSIGHT 核心洞察: | Main analytical insight | +| EXAMPLE 案例: | Concrete example from content | +| KEY QUOTE 关键引文: | Important quote from source | +| CONTEXT 背景: | Contextual information | + +## 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 + +## Prompt Structure + +1. Start with "Technical blueprint infographic." +2. Title format: "Title: '[中文标题]' in dark maroon ALL CAPS in brackets, with English subtitle below" +3. Describe main visual (isometric 3D or 2D technical illustration) +4. Describe background pattern (faded, thematic) +5. List 3-5 text boxes with specific content +6. Include bilingual callout labels +7. Specify paper texture and colors +8. End with: "Clean corners with no title blocks or stamps. 4K ultra-high resolution. Technical blueprint aesthetic." + +## Best For + +Technical explanations, concept breakdowns, academic presentations, knowledge documentation, research summaries, educational content with depth, bilingual audiences diff --git a/skills/baoyu-slide-deck/references/styles/pixel-art.md b/skills/baoyu-slide-deck/references/styles/pixel-art.md new file mode 100644 index 0000000..671394a --- /dev/null +++ b/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 diff --git a/skills/baoyu-slide-deck/references/styles/playful.md b/skills/baoyu-slide-deck/references/styles/playful.md deleted file mode 100644 index 5af50d0..0000000 --- a/skills/baoyu-slide-deck/references/styles/playful.md +++ /dev/null @@ -1,69 +0,0 @@ -# playful - -Bold, energetic style with vibrant colors and dynamic shapes - -## Design Aesthetic - -Dynamic shapes, vibrant colors, and creative layouts that capture attention and spark joy. Approachable and fun without sacrificing clarity. Perfect for content that needs to educate while entertaining, making complex topics feel accessible and exciting. - -## Background - -- Color: Warm White (#FFFDF7), soft and inviting -- Texture: Light subtle pattern or clean gradient - -## Typography - -### Primary Font (Headlines) - -Bold rounded sans-serif (Poppins, Nunito Bold, or similar). Friendly, modern, and highly readable. Conveys energy and approachability with geometric character. - -### Secondary Font (Body) - -Rounded sans-serif (Nunito style) for body text. Soft edges create warmth and readability, complementing the playful aesthetic. - -## Color Palette - -| Role | Color | Hex | Usage | -|------|-------|-----|-------| -| Background | Warm White | #FFFDF7 | Main slide background | -| Primary Text | Deep Purple | #4A1D96 | Headlines, key text | -| Secondary Text | Dark Purple | #6B3FA0 | Body text | -| Primary Accent | Vibrant Coral | #FF6B6B | Primary highlights | -| Secondary Accent | Electric Teal | #4ECDC4 | Secondary emphasis | -| Tertiary | Sunshine Yellow | #FFE66D | Tertiary accent | -| Success | Mint Green | #95E1C3 | Positive elements | -| Energy | Hot Pink | #FF69B4 | High energy callouts | - -## Visual Elements - -- Rounded shapes and soft corners everywhere -- Playful gradients (subtle, not overwhelming) -- Character illustrations and mascots -- Dynamic asymmetrical compositions -- Bright color pops and accents -- Confetti and celebration elements -- Emoji-style icons -- Bubble and cloud shapes - -## Style Rules - -### Do - -- Use bold, contrasting colors -- Include rounded, friendly shapes -- Create dynamic, engaging layouts -- Add implied motion and energy -- Keep typography large and readable - -### Don't - -- Use sharp, aggressive shapes -- Apply dark or somber colors -- Create static, boring layouts -- Overload with too many elements -- Make it look unprofessional -- Add slide numbers, footers, or logos - -## Best For - -Creative pitches, educational workshops, training materials, community presentations, product launches, children's content, team building, startup culture diff --git a/skills/baoyu-slide-deck/references/styles/scientific.md b/skills/baoyu-slide-deck/references/styles/scientific.md new file mode 100644 index 0000000..93deb57 --- /dev/null +++ b/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 diff --git a/skills/baoyu-slide-deck/references/styles/storytelling.md b/skills/baoyu-slide-deck/references/styles/storytelling.md deleted file mode 100644 index 721b56c..0000000 --- a/skills/baoyu-slide-deck/references/styles/storytelling.md +++ /dev/null @@ -1,67 +0,0 @@ -# storytelling - -Cinematic narrative style with full-bleed visuals and emotional impact - -## Design Aesthetic - -Cinematic, full-bleed imagery that creates emotional connection. Story-driven compositions that guide the viewer through a narrative arc. Each slide is a scene in a larger story. Photography and illustration work together to create atmosphere. - -## Background - -- Color: Varies by mood - dark for drama (#0F0F0F), warm for comfort (#FDF8F3) -- Texture: Photographic or illustrated backgrounds, subtle vignetting - -## Typography - -### Primary Font (Headlines) - -Elegant serif like Playfair Display, Libre Baskerville, or editorial serif. Large, expressive headlines that complement imagery. Can use italic for emotional emphasis. - -### Secondary Font (Body) - -Clean sans-serif for contrast and readability. Light weight to not compete with imagery. White or dark depending on background. - -## Color Palette - -| Role | Color | Hex | Usage | -|------|-------|-----|-------| -| Background Dark | Near Black | #0F0F0F | Dramatic scenes | -| Background Warm | Warm Cream | #FDF8F3 | Comfortable scenes | -| Primary Text Light | Off-White | #FAFAFA | Text on dark | -| Primary Text Dark | Deep Charcoal | #1F1F1F | Text on light | -| Accent Warm | Golden | #D4A853 | Warm highlights | -| Accent Cool | Teal | #2DD4BF | Cool accents | -| Overlay | Black 40% | rgba(0,0,0,0.4) | Text legibility | - -## Visual Elements - -- Full-bleed photographic or illustrated backgrounds -- Cinematic aspect compositions (rule of thirds) -- Text overlays with subtle background darkening -- Atmospheric lighting and mood -- People and human elements when possible -- Emotional color grading -- Subtle motion blur or depth of field effects -- Vignetting to draw focus - -## Style Rules - -### Do - -- Create emotional connection through imagery -- Use photography or illustration as primary element -- Let visuals tell the story -- Create consistent mood throughout deck -- Use text sparingly - images speak - -### Don't - -- Use stock photo aesthetic -- Crowd slides with text -- Mix conflicting visual moods -- Use clip art or basic shapes -- Add slide numbers, footers, or logos - -## Best For - -Case studies, brand stories, narrative presentations, emotional pitches, documentary-style content, origin stories, customer journeys diff --git a/skills/baoyu-slide-deck/references/styles/vintage.md b/skills/baoyu-slide-deck/references/styles/vintage.md new file mode 100644 index 0000000..13595e1 --- /dev/null +++ b/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 diff --git a/skills/baoyu-slide-deck/references/styles/warm.md b/skills/baoyu-slide-deck/references/styles/warm.md deleted file mode 100644 index 15a32e4..0000000 --- a/skills/baoyu-slide-deck/references/styles/warm.md +++ /dev/null @@ -1,68 +0,0 @@ -# warm - -Soft gradients and wellness aesthetic with approachable, friendly feeling - -## Design Aesthetic - -Soft, calming gradients with rounded shapes. Wellness and lifestyle aesthetic that feels approachable and nurturing. Organic flowing forms balanced with clean typography. Warmth and comfort in every element. - -## Background - -- Color: Soft gradient from Warm Peach (#FDF4F0) to Soft Lavender (#F5F0FF) -- Texture: Subtle organic shapes, soft blurred elements - -## Typography - -### Primary Font (Headlines) - -Rounded sans-serif like Nunito, Poppins, or Quicksand. Medium to semi-bold weight. Friendly, approachable letterforms. Generous spacing. - -### Secondary Font (Body) - -Same family in regular weight, or complementary rounded sans-serif. Comfortable reading size. Warm, inviting tone. - -## Color Palette - -| Role | Color | Hex | Usage | -|------|-------|-----|-------| -| Background Start | Warm Peach | #FDF4F0 | Gradient start | -| Background End | Soft Lavender | #F5F0FF | Gradient end | -| Primary Text | Warm Charcoal | #3D3D3D | Headlines, body | -| Secondary Text | Soft Gray | #6B6B6B | Supporting text | -| Accent 1 | Coral | #FF8A80 | Primary highlights | -| Accent 2 | Soft Teal | #80CBC4 | Balance, growth | -| Accent 3 | Lavender | #B39DDB | Calm, premium | -| Accent 4 | Soft Yellow | #FFE082 | Energy, joy | - -## Visual Elements - -- Soft gradient backgrounds (avoid harsh transitions) -- Organic blob shapes with blurred edges -- Rounded rectangles and pill shapes -- Soft drop shadows (large blur, low opacity) -- Simple line illustrations with rounded endpoints -- Abstract organic patterns -- Floating elements with gentle motion implied -- Layered translucent shapes - -## Style Rules - -### Do - -- Use soft, gentle color transitions -- Keep all corners rounded -- Create sense of calm and space -- Use organic, flowing shapes -- Layer elements with transparency - -### Don't - -- Use sharp corners or harsh lines -- Create high-contrast jarring combinations -- Use dark or aggressive colors -- Add busy or complex illustrations -- Add slide numbers, footers, or logos - -## Best For - -Wellness content, personal development, lifestyle brands, health and fitness, mindfulness, self-care, coaching, therapy, HR presentations diff --git a/skills/baoyu-slide-deck/references/styles/watercolor.md b/skills/baoyu-slide-deck/references/styles/watercolor.md new file mode 100644 index 0000000..9be0057 --- /dev/null +++ b/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