---
name: flat-saas-blueprint
description: "Create Japanese 16:9 slide images in the original Flat SaaS Blueprint style for SaaS, business workflows, AI-tool adoption, operations lessons, online courses, seminars, and educational decks. Use when Codex should turn numbered Japanese slide instructions such as '1枚目...', '2枚目...' into complete one-piece PNG slide images matching the bundled 10 sample layouts, modular connector-line design DNA, and strict no-logo/no-QR/no-fake-detail rules."
---

# Flat SaaS Blueprint

Use this skill to turn rough numbered Japanese content into complete 16:9 slide images in the **Flat SaaS Blueprint** style.

Generate each slide as one finished PNG with `image_gen`: white canvas, Japanese type, modules, people/icons, diagrams, connector lines, effects, and layout together. Do not rebuild it with PPTX shapes, HTML/CSS, SVG, or local text overlays.

If supplied as a ZIP, extract it first and read this file plus the required references. Do not infer the style from the ZIP name alone.

## Real Generated Sample Rule

Treat all ten files in `samples/` as finished authoritative examples. Preserve the same typography, palette, flat-line illustration, rounded modules, port nodes, dotted paths, circuit decorations, density, and bottom action bar across interior pages.

## Required Reading

Read `references/input-workflow.md`, `references/visual-system.md`, `references/slide-recipes.md`, and `references/quality-bar.md`. Inspect `assets/reference-slides/style-reference.png`, `samples/contact_sheet.png`, and slides 01-10 before generating.

## Non-Negotiable Workflow

1. Parse numbered input into an ordered slide plan.
2. Preserve meaning; compress to one headline, one subline, exactly 3 labels, and one takeaway.
3. Select one recipe from `references/slide-recipes.md`.
4. Generate exactly one complete 16:9 Japanese slide at a time.
5. Save sequential PNG filenames.
6. Compare every output with the bundled samples and quality bar.
7. Regenerate unreadable Japanese, fake details, weak system diagrams, generic card grids, or ordinary presentation output.
8. For PPTX/PDF, generate PNGs first and place each as a full-slide image.

## Design DNA

Bright white, deep navy, cobalt, teal/mint, restrained coral, huge geometric Japanese sans-serif, crisp flat line illustrations, rounded modules, strong connector arrows, dotted data paths, circuit ports, halftone dot fields, tiny chevrons, deep cobalt takeaway bar.

## Prompt Contract

```text
Create exactly one complete 16:9 Japanese slide image.
Style: Flat SaaS Blueprint.
Design DNA: white canvas; deep navy/cobalt/teal with restrained coral; huge heavy geometric Japanese type; crisp two-tone flat line illustrations; rounded software modules; connector arrows; dotted data paths; circuit port nodes; halftone fields; deep cobalt takeaway bar.
Required Japanese text:
- Headline: [one short headline]
- Subline: [one short subline]
- Labels: [exactly 3 short labels]
- Bottom takeaway: [one concise sentence]
Slide role: [cover / problem / before-after / three-step / loop / checklist / roadmap / matrix / case / recap]
Composition: follow references/slide-recipes.md and visually match samples/contact_sheet.png.
Generate the complete image together. Avoid fake logos, QR codes, URLs, dates, prices, watermarks, real branded UI, random tiny text, photorealism, 3D, and generic template output.
```

## Output Defaults

- PNG, 16:9, sequential `slide_01.png` naming.
- Split or summarize long copy; never shrink paragraphs.
