---
name: civic-ai-briefing
description: "Create Japanese 16:9 slide images in the original Civic AI Briefing style for business 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, visual DNA, tone-and-manner, and strict no-logo/no-QR/no-fake-detail rules."
---

# Civic AI Briefing

Use this skill to create complete 16:9 Japanese slide images in the **Civic AI Briefing** style. The user can provide rough numbered content such as `1枚目には...`, `2枚目には...`; convert each item into a finished slide image.

Generate each slide as a **single finished PNG image** with `image_gen`: background, Japanese text, diagrams, objects, people/icons, effects, and layout together. Do not rebuild the design with PPTX shapes, HTML/CSS, SVG, or local text overlays.

If this skill is provided as a ZIP attachment, first extract/read the ZIP contents and follow this `SKILL.md` plus the required references. Do not infer the style from the ZIP file name alone.

## Real Generated Sample Rule

Treat `samples/slide_01.png` through `samples/slide_10.png` as real finished generated examples. Do not treat them as placeholders. Every output must preserve the same design family, typography, texture, density, motif, and footer/header treatment shown in the bundled samples.

## Required Reading

Before generating slides, read:

1. `references/input-workflow.md`
2. `references/visual-system.md`
3. `references/slide-recipes.md`
4. `references/quality-bar.md`

Use `assets/reference-slides/style-reference.png`, `samples/contact_sheet.png`, and `samples/slide_01.png` through `samples/slide_10.png` as visual benchmarks. The output must look like the same family as the bundled samples, not merely share one color.
Treat `samples/slide_02.png` through `samples/slide_10.png` as finished style examples, not generic layout placeholders. The same palette, texture, headline treatment, panel style, footer treatment, and decorative motif must continue across every generated slide.

## Non-Negotiable Workflow

1. Parse the user's numbered slide text into an ordered slide plan.
2. Preserve the user's meaning. Compress long paragraphs into readable slide copy: one headline, one subline, 3 labels, and one bottom takeaway.
3. Choose one slide role from `references/slide-recipes.md` for each slide.
4. Generate exactly one complete 16:9 Japanese slide image at a time with `image_gen`.
5. Save outputs as `slide_01.png`, `slide_02.png`, etc. in a clear output folder.
6. Compare every output with the bundled samples and `references/quality-bar.md`.
7. Regenerate any slide with unreadable Japanese, fake URLs, fake QR codes, fake logos, invented dates/prices, weak hierarchy, or generic PowerPoint styling.
8. If the user asks for PPTX/PDF, generate PNG slide images first, then place each PNG as a full-slide image.

## Design DNA

off-white, civic blue, forest green, slate, map lines, policy cards, safety checklist

## Prompt Contract

Use this prompt contract for every image:

```text
Create exactly one complete 16:9 Japanese slide image.
Style: Civic AI Briefing.
Design DNA: off-white, civic blue, forest green, slate, map lines, policy cards, safety checklist.
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 the matching recipe in references/slide-recipes.md and visually match samples/contact_sheet.png.
Generate background, text, objects, diagrams, effects, and layout together as one finished image.
Avoid fake logos, fake QR codes, fake URLs, fake dates, fake prices, watermarks, real platform UI, random tiny text, copied characters, and generic template output.
```

## Output Defaults

- Default output: PNG slide images.
- Default aspect ratio: 16:9.
- Default naming: `slide_01.png`, `slide_02.png`, `slide_03.png`, and so on.
- If slide text is too long, split or summarize. Never shrink long paragraphs into tiny unreadable text.
