storybook
npx skills add https://github.com/ans-/skills --skill storybook
Agent 安装分布
Skill 文档
Storybook Skill
Generate personalized illustrated storybooks with cover, story pages, and custom artwork.
Workflow
Creating a storybook involves these steps:
- Gather requirements (theme, age, pages, style)
- Generate story structure (title, cover, pages)
- Create illustrations with generate_image tool
- Output complete storybook
Step 1: Gather Requirements
Confirm these parameters before generating:
| Parameter | Options | Default |
|---|---|---|
| Theme | User-provided story topic | Required |
| Target Age | 3-18 years | 6 years |
| Page Count | 5-10 pages | 6 pages |
| Art Style | watercolor, cartoon, pixel-art, claymation, comic, coloring-book | cartoon |
| Language | Any supported language | User’s language |
Step 2: Generate Story Structure
Text Length Guidelines (by age)
| Age Range | Characters per Page |
|---|---|
| 0-3 years | 10-20 |
| 4-6 years | 20-40 |
| 7-9 years | 40-70 |
| 10-18 years | 70-100 |
Story Structure
- Cover Page: Title + subtitle + cover illustration
- Opening (1-2 pages): Introduce characters and setting
- Development (2-4 pages): Build the story, introduce conflict
- Climax (1-2 pages): Peak of the story
- Resolution (1-2 page): Conclusion with positive message
[!NOTE] Idiom (æè¯) Storybooks: The last 1-2 pages should explain:
- The moral/lesson of the idiom story (坿)
- The meaning of the idiom (å«ä¹)
- Usage examples in daily life (ç¨æ³, optional)
For detailed page templates by count (4/6/10 pages), see references/story-templates.md.
Step 3: Create Illustrations
Maintain consistency across all illustrations:
- Characters: Same appearance throughout (hair, clothing, features)
- Art style: Match user’s chosen style exactly
- Color palette: Child-friendly, cohesive
- Composition: Clear focal point, simple backgrounds
For detailed prompt templates, art style reference table, cover rules, and examples, see references/illustration-guide.md.
Step 4: Output
Create all files in the specified output directory. For detailed story.json schema, story.md format, tags reference, and JSON formatting rules, see references/output-format.md.
[story-name]/
âââ story.json # Story metadata and content
âââ story.md # Human-readable story document
âââ cover.png/jpg # Cover illustration
âââ page_1.png/jpg # Page illustrations
âââ ...
Example Usage
User: Create a storybook about a brave little mouse for my 5-year-old
Response structure:
- Confirm: 6 pages, age 5 (20-40 chars/page), cartoon style
- Generate story with cover + 5 story pages
- Create illustrations for each page
- Output complete storybook