diff --git a/CLAUDE.md b/CLAUDE.md index 8974a37..d4a2a52 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -231,6 +231,61 @@ Image filenames MUST include meaningful slugs for readability: - Handle failures gracefully with retry logic - Provide clear progress feedback to user +## Style Maintenance (baoyu-comic) + +When adding, updating, or deleting styles for `baoyu-comic`, follow this workflow: + +### Adding a New Style + +1. **Create style definition**: `skills/baoyu-comic/references/styles/.md` +2. **Update SKILL.md**: + - Add style to `--style` options table + - Add auto-selection entry if applicable +3. **Generate showcase image**: + ```bash + npx -y bun skills/baoyu-danger-gemini-web/scripts/main.ts \ + --prompt "A single comic book page in style showing [appropriate scene]. Features: [style characteristics from style definition]. 3:4 portrait aspect ratio comic page." \ + --image screenshots/comic-styles/.png + ``` +4. **Compress to WebP**: + ```bash + npx -y bun skills/baoyu-compress-image/scripts/main.ts screenshots/comic-styles/.png + ``` +5. **Update both READMEs** (`README.md` and `README.zh.md`): + - Add style to `--style` options + - Add row to style description table + - Add image to style preview grid + +### Updating an Existing Style + +1. **Update style definition**: `skills/baoyu-comic/references/styles/.md` +2. **Regenerate showcase image** (if visual characteristics changed): + - Follow steps 3-4 from "Adding a New Style" +3. **Update READMEs** if description changed + +### Deleting a Style + +1. **Delete style definition**: `skills/baoyu-comic/references/styles/.md` +2. **Delete showcase image**: `screenshots/comic-styles/.webp` +3. **Update SKILL.md**: + - Remove from `--style` options + - Remove auto-selection entry +4. **Update both READMEs**: + - Remove from `--style` options + - Remove from style description table + - Remove from style preview grid + +### Style Preview Grid Format + +READMEs use 3-column tables for style previews: + +```markdown +| | | | +|:---:|:---:|:---:| +| ![style1](./screenshots/comic-styles/style1.webp) | ![style2](./screenshots/comic-styles/style2.webp) | ![style3](./screenshots/comic-styles/style3.webp) | +| style1 | style2 | style3 | +``` + ## Extension Support Every SKILL.md MUST include an Extension Support section at the end: diff --git a/screenshots/comic-styles/shoujo.webp b/screenshots/comic-styles/shoujo.webp new file mode 100644 index 0000000..30afb37 Binary files /dev/null and b/screenshots/comic-styles/shoujo.webp differ diff --git a/skills/baoyu-comic/SKILL.md b/skills/baoyu-comic/SKILL.md index 4b7b871..775e879 100644 --- a/skills/baoyu-comic/SKILL.md +++ b/skills/baoyu-comic/SKILL.md @@ -18,7 +18,7 @@ Create original knowledge comics with multiple visual styles. | Option | Values | |--------|--------| -| `--style` | classic (default), dramatic, warm, sepia, vibrant, ohmsha, realistic, wuxia, or custom description | +| `--style` | classic (default), dramatic, warm, sepia, vibrant, ohmsha, realistic, wuxia, shoujo, or custom description | | `--layout` | standard (default), cinematic, dense, splash, mixed, webtoon | | `--aspect` | 3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen) | | `--lang` | auto (default), zh, en, ja, etc. | @@ -38,6 +38,7 @@ Style × Layout × Aspect can be freely combined. Custom styles can be described | Conflict, breakthrough | dramatic | splash | | Wine, food, business, lifestyle, professional | realistic | cinematic | | Martial arts, wuxia, xianxia, Chinese historical | wuxia | splash | +| Romance, love, school life, friendship, emotional | shoujo | standard | | Biography, balanced | classic | mixed | ## Script Directory diff --git a/skills/baoyu-comic/references/styles/shoujo.md b/skills/baoyu-comic/references/styles/shoujo.md new file mode 100644 index 0000000..d1015a6 --- /dev/null +++ b/skills/baoyu-comic/references/styles/shoujo.md @@ -0,0 +1,45 @@ +# shoujo + +Classic shoujo manga style with romantic, emotional aesthetics + +## Style Guidelines + +### Line Work +- 1-1.5px, delicate and flowing +- Elegant curves, graceful strokes +- Fine details on eyes, hair, and clothing + +### Character Design +- Large, sparkling eyes with multiple highlights +- Slender figures, elegant proportions +- Expressive poses, dramatic gestures +- Detailed hair with flowing strands +- Fashionable clothing with intricate folds + +### Background Treatment +- Decorative elements: flowers, sparkles, bubbles, feathers +- Soft focus, dreamy atmospheres +- Screen tones for emotional emphasis +- Abstract backgrounds during emotional moments + +### Special Effects +- Screentone gradients for mood +- Sparkle and glow effects +- Floating petals, stars, hearts +- Speed lines for dramatic moments +- Light halos around characters + +## Color Palette + +- Primary: Soft pink (#FFB6C1), lavender (#E6E6FA), rose (#FF69B4) +- Accent: Pearl white (#FFFAF0), gold highlights (#FFD700) +- Skin: Porcelain (#FFF5EE), soft blush (#FFE4E1) +- Background: Pastel gradients, soft cream (#FFF8DC) + +## Mood + +Romance, emotion, beauty, youth, dreams + +## Best For + +Romance, coming-of-age, friendship stories, emotional drama, school life