@design-ai/cli 4.55.0

package/skills/illustration-designer/PLAYBOOK.md

@@ -0,0 +1,166 @@
+# illustration-designer — playbook
+
+Design and spec an illustration system, OR a single illustration within an existing system. Output is a markdown spec a designer / illustrator can produce against, OR direct SVG output for simple cases.
+
+## When to use
+
+- "We need an illustration system for our SaaS landing page."
+- "Spec the empty state illustrations for our product."
+- "Design a mascot for our Korean fintech app."
+- "Should we use Lottie or SVG for the hero?"
+- "Optimize this SVG."
+
+## Inputs (ask if missing)
+
+1. **Scope** — full system, OR single illustration.
+2. **Surface** — empty state / hero / onboarding / spot / mascot.
+3. **Brand voice** — 3-5 adjectives (e.g., calm, gentle, money-warm; or sharp, futuristic, controlled).
+4. **Existing system?** — if yes, follow its style. If no, this skill defines one.
+5. **Color tokens** — which brand tokens are available.
+6. **Format constraint** — SVG / Lottie / PNG / WebP / mixed.
+7. **Korean market?** — affects mascot vs minimal-geometric default.
+8. **Production budget** — solo designer, agency, AI-assisted, none yet.
+
+## Steps
+
+### 1. Classify the work
+
+| Task | Approach |
+| --- | --- |
+| Define a new system | Start with [`illustration-systems.md`](../../knowledge/illustration/illustration-systems.md), then apply the surface-specific illustration references |
+| Add to existing system | Follow style guide; don't redefine |
+| Single spot illustration | [`spot-illustrations.md`](../../knowledge/illustration/spot-illustrations.md) |
+| Hero illustration | [`hero-illustrations.md`](../../knowledge/illustration/hero-illustrations.md) |
+| Mascot work | [`mascot-design.md`](../../knowledge/illustration/mascot-design.md) |
+| SVG technical / optimization | [`svg-optimization.md`](../../knowledge/illustration/svg-optimization.md) |
+
+### 2. If defining a system — set the style
+
+From [`illustration-systems.md`](../../knowledge/illustration/illustration-systems.md):
+
+- **Geometric vs organic** — pick one.
+- **Line weight rule** — stroke-only / fill-only / mixed; one stroke width.
+- **Color treatment** — monochromatic / brand-palette / limited-extended.
+- **Geometry rules** — grid, corner radius, stroke caps.
+- **Perspective** — flat / isometric / front-view.
+- **Voice** — 3-5 adjectives.
+
+State each choice with reasoning.
+
+### 3. Pick the format
+
+| Format | Use |
+| --- | --- |
+| SVG | Default; vector, themeable |
+| Lottie | Animated illustration |
+| PNG / WebP | Heavy shading, painterly, photo-realistic |
+| AVIF | Highest compression for raster |
+
+For most: SVG. Lottie when motion is the point. Raster only when SVG can't represent the visual.
+
+### 4. Per-illustration spec
+
+For each illustration:
+
+```
+Name: <kebab-case, prefixed by category>
+       e.g., illo-empty-search.svg, illo-hero-onboarding-01.svg
+Surface: <empty-state | error-state | onboarding-step-2 | hero-section-3>
+Subject: <one sentence — what's depicted>
+Voice: <encouraging | calm | celebratory | apologetic>
+Size: <display dimensions>
+Format: <SVG | Lottie | PNG>
+Tokens used: <list of CSS variables / brand colors>
+Animation? <static | subtle loop | one-shot>
+Accessibility: <decorative | meaningful + alt text>
+Production hours: <estimate>
+```
+
+### 5. Apply Korean conventions (if applicable)
+
+- Heavy mascot use? See [`mascot-design.md`](../../knowledge/illustration/mascot-design.md).
+- Soft, rounded, warm geometry preferred for B2C.
+- Hero illustrations: less abstract, more concrete (real character / real action).
+- See [`knowledge/i18n/korean-app-store-visual.md`](../../knowledge/i18n/korean-app-store-visual.md).
+
+### 6. Optimize the SVG
+
+For each shipped SVG:
+
+- [ ] Run SVGO with config from [`svg-optimization.md`](../../knowledge/illustration/svg-optimization.md)
+- [ ] Replace brand color hex with `currentColor` or CSS variable
+- [ ] Verify viewBox preserved
+- [ ] Verify no embedded raster
+- [ ] Verify no editor metadata
+- [ ] Verify size targets: < 1kB icon, < 10kB spot, < 50kB hero
+- [ ] Test at 1×, 2×, 3×
+- [ ] Test in light + dark modes
+
+### 7. Accessibility
+
+- Decorative: `aria-hidden="true"` on illustration.
+- Meaningful: `role="img"` + `aria-label`.
+- Animated: respect `prefers-reduced-motion`.
+
+### 8. Output
+
+Use this structure:
+
+```markdown
+# Illustration spec: <system or piece name>
+
+> Scope: <system | single piece>
+> Style: <flat geometric | soft 3D | hand-drawn | mascot-driven | editorial | generative>
+> Voice: <3-5 adjectives>
+> Format: <SVG | Lottie | mixed>
+
+## Style rules
+<line weight, color treatment, geometry, perspective>
+
+## Color tokens
+<list of brand tokens permitted>
+
+## Asset list
+| Name | Surface | Size | Format | Tokens | Anim? |
+
+## Production checklist
+<checklist per illustration>
+
+## Don't
+<2-3 specific misuses>
+```
+
+## Source files this skill reads
+
+- [`knowledge/illustration/illustration-systems.md`](../../knowledge/illustration/illustration-systems.md) — system foundation
+- [`knowledge/illustration/spot-illustrations.md`](../../knowledge/illustration/spot-illustrations.md) — small purposeful
+- [`knowledge/illustration/hero-illustrations.md`](../../knowledge/illustration/hero-illustrations.md) — large brand-led
+- [`knowledge/illustration/mascot-design.md`](../../knowledge/illustration/mascot-design.md) — character work
+- [`knowledge/illustration/svg-optimization.md`](../../knowledge/illustration/svg-optimization.md) — SVG production
+- [`knowledge/patterns/brand-identity.md`](../../knowledge/patterns/brand-identity.md) — brand foundation
+- [`knowledge/motion/motion-tools.md`](../../knowledge/motion/motion-tools.md) — Lottie when animated
+- [`knowledge/i18n/korean-app-store-visual.md`](../../knowledge/i18n/korean-app-store-visual.md) — Korean market visual
+- [`examples/component-empty-state.md`](../../examples/component-empty-state.md) — empty state spec
+- [`examples/component-illustration.md`](../../examples/component-illustration.md) — generic display
+
+## Verification phase (run before declaring done)
+
+- [ ] If defining a system: are style + voice + color rules all explicit?
+- [ ] Is the format chosen consciously (SVG default; Lottie / PNG only with reason)?
+- [ ] Are color tokens listed (no raw hex in the spec body)?
+- [ ] Are illustrations sized per category (1kB icon / 10kB spot / 50kB hero)?
+- [ ] Is accessibility specified (decorative vs meaningful + alt text)?
+- [ ] If animated: is reduced-motion fallback specified?
+- [ ] If Korean B2C: are mascot conventions or Toss-style restraint applied?
+- [ ] If shipping SVG: is SVGO + currentColor + viewBox checklist passed?
+- [ ] Does the "Don't" section catch 2-3 specific misuses?
+
+## Done when
+
+- One markdown spec.
+- Style + voice + format choices explicit and reasoned.
+- Color tokens listed.
+- Asset list with sizes, formats, accessibility.
+- Production checklist.
+- "Don't" section.
+- Verification passes.

package/skills/illustration-designer/SKILL.md

@@ -0,0 +1,6 @@
+---
+name: illustration-designer
+description: Design and spec an illustration system or a single illustration — pick style, voice, color treatment, format (SVG / Lottie / PNG), and delivery. Covers spot illustrations, hero illustrations, mascots, and SVG production.
+---
+
+See [PLAYBOOK.md](PLAYBOOK.md).

package/skills/motion-designer/PLAYBOOK.md

@@ -0,0 +1,223 @@
+# motion-designer — playbook
+
+Design and spec motion for a screen, component, or page. Output is a **motion spec**: a markdown document a developer can implement against without follow-ups, with the right tool chosen, durations and easings derived from tokens, and reduced-motion handled.
+
+## When to use
+
+- "Design the entrance for our landing page hero."
+- "Spec the loading sequence for our app cold launch."
+- "We want the success state to feel celebratory — design it."
+- "Add motion to the modal open/close."
+- "Pick a tool: should we use Framer Motion or GSAP?"
+
+## Inputs (ask if missing)
+
+1. **Surface** — landing page / app screen / component / route transition.
+2. **Intent** — what motion should accomplish (stop scroll, confirm action, smooth navigation, brand moment).
+3. **Trigger** — page load / scroll / tap / state change / hover.
+4. **Audience + platform** — web / mobile web / native / hybrid; Korean / global.
+5. **Performance budget** — bundle target, target devices.
+6. **Existing motion language** — does the brand have one (rubber-band? snappy? gentle?). If not, this skill helps define it.
+
+## Steps
+
+### 1. Classify the moment
+
+Pick the category. The category determines the rules:
+
+| Category | Goal | Reference |
+| --- | --- | --- |
+| Micro-interaction | Confirm input within 100ms | [`knowledge/motion/micro-interactions.md`](../../knowledge/motion/micro-interactions.md) |
+| Marketing motion | Stop scroll / reveal value / anchor brand | [`knowledge/motion/marketing-motion.md`](../../knowledge/motion/marketing-motion.md) |
+| App loading | Hide load latency; feel intentional | [`knowledge/motion/app-loading-sequences.md`](../../knowledge/motion/app-loading-sequences.md) |
+| Choreography | Coordinate multi-element reveal | [`knowledge/motion/choreography-depth.md`](../../knowledge/motion/choreography-depth.md) |
+| State transition | Show change in product UI | [`knowledge/motion/principles.md`](../../knowledge/motion/principles.md) |
+
+Get this wrong and the rules don't apply. A marketing reveal is NOT a micro-interaction; a button press is NOT a choreographed sequence.
+
+### 2. Pick duration tier
+
+From [`knowledge/motion/principles.md`](../../knowledge/motion/principles.md):
+
+| Tier | Range | Use |
+| --- | --- | --- |
+| Instant | 0–80ms | Press feedback, focus rings |
+| Fast | 100–200ms | Hover, micro-interactions, route fades |
+| Medium | 200–300ms | Modal / drawer / panel open |
+| Slow | 300–500ms | Hero entrance, page transition |
+| Long | 500ms–1.5s | Marketing storytelling, choreographed reveals |
+| Beyond | > 1.5s | Almost never. Justify or cut. |
+
+State the chosen tier explicitly. Map to token: `--motion-fast`, `--motion-medium`, etc.
+
+### 3. Pick easing
+
+| Easing | Curve | Use |
+| --- | --- | --- |
+| `ease-out` | Decelerate to stop | Default for entrances ("arrive and settle") |
+| `ease-in` | Accelerate from rest | Exits ("leave the screen") |
+| `ease-in-out` | Both | Position-to-position movement |
+| `cubic-bezier(0.34, 1.56, 0.64, 1)` | Slight overshoot | Confirm / playful (rubber-band) |
+| `linear` | Constant | Loading bars, infinite spinners |
+
+Map to token: `--ease-out`, `--ease-in`, etc. Don't ship raw cubic-beziers in components — promote them to tokens first.
+
+### 4. Pick tool
+
+Use [`knowledge/motion/motion-tools.md`](../../knowledge/motion/motion-tools.md) decision tree.
+
+Bias rules:
+- **CSS first**. Hover / press / focus / simple entrances. ~80% of motion needs this and only this.
+- **Framer Motion** for React-side state-driven animation (modals, route transitions, layout animations).
+- **GSAP** for marketing timelines / scroll-triggered choreography longer than 600ms.
+- **Lottie** when designer brings After Effects animation.
+- **Rive** when motion needs state machines and interactivity.
+- **react-spring** only when you need physics (drag, swipe).
+
+Don't load 4 motion libraries. Pick 1–2 max. Justify each.
+
+### 5. Spec the motion
+
+For each motion event, write:
+
+```
+Trigger: <what causes this>
+Duration: <ms>, tier <tier>, token <var>
+Easing: <name>, token <var>
+Properties: <opacity | transform | filter — animate ONLY these>
+Initial: <starting value>
+Final: <end value>
+Stagger (if multiple): <ms between siblings>
+```
+
+Animate only `opacity`, `transform`, and (sparingly) `filter`. Never `width`/`height`/`top`/`left` — they trigger layout.
+
+### 6. Choreograph (if multi-element)
+
+For sequences with > 1 element, use stagger formula from [`knowledge/motion/choreography-depth.md`](../../knowledge/motion/choreography-depth.md):
+
+```
+total budget = parent duration + (children − 1) × stagger
+```
+
+Cap stagger at 80ms; cap total at 800ms for entrance, 300ms for in-app transitions.
+
+Provide a timing diagram:
+
+```
+0ms ┃■■■■■                          ┃ headline (200ms fade)
+50ms┃   ■■■■■                       ┃ sub (200ms fade)
+100ms┃     ■■■■■■                   ┃ CTA (250ms fade-up)
+200ms┃           ■■■■■■■■           ┃ visual (300ms scale-in)
+```
+
+### 7. Reduced motion
+
+Always specify behavior when `prefers-reduced-motion: reduce`:
+
+| Original | Reduced fallback |
+| --- | --- |
+| Fade + translate | Pure fade |
+| Slide-in | Pure fade or instant |
+| Scale-in | Pure fade |
+| Parallax | Disable |
+| Auto-loop | Pause; show static frame |
+| Hero / shared element | Instant layout swap |
+
+Reduced motion ≠ no motion. Opacity-only is usually OK; large translations / scales are not.
+
+### 8. Performance check
+
+For every motion spec, verify:
+
+- [ ] Animates only `opacity` / `transform` / (sparingly) `filter`
+- [ ] Total page-level animation count under 10 simultaneously
+- [ ] If above-the-fold: doesn't block LCP
+- [ ] If using JS lib: bundle cost stated and justified
+- [ ] If looping: pauses when offscreen / tab hidden
+- [ ] If `filter: blur()`: only on small areas, not large lists
+- [ ] No `setInterval` driving animation (use `requestAnimationFrame` or CSS / library)
+
+### 9. Korean market check (if relevant)
+
+| Question | Default for Korean B2C |
+| --- | --- |
+| How much motion? | Restrained, fast, smooth (Toss-style) |
+| Brand mascot motion? | Yes if Kakao-adjacent, no otherwise |
+| Auto-play video? | No — bandwidth + battery |
+| Korean-language label? | All motion control labels in Korean |
+
+Heavy motion reads as foreign / over-designed in Korean B2C. Lean restrained.
+
+### 10. Output
+
+Use this structure:
+
+```markdown
+# Motion spec: <surface name>
+
+> Surface: <landing page hero | settings drawer | etc>
+> Intent: <one sentence>
+> Trigger: <what fires it>
+> Tool: <CSS | Framer Motion | GSAP | Lottie | Rive | react-spring>
+
+## Tokens used
+<list>
+
+## Sequence
+<step-by-step with durations, easings, properties>
+
+## Timing diagram
+<gantt-style ASCII>
+
+## Reduced motion
+<fallback per element>
+
+## Performance budget
+<bundle delta, animation count, LCP impact>
+
+## Code stub
+<minimal CSS / React snippet>
+
+## Don't
+<2-3 specific misuses>
+```
+
+## Source files this skill reads
+
+- [`knowledge/motion/principles.md`](../../knowledge/motion/principles.md) — durations / easings / fundamentals
+- [`knowledge/motion/micro-interactions.md`](../../knowledge/motion/micro-interactions.md) — < 200ms moments
+- [`knowledge/motion/marketing-motion.md`](../../knowledge/motion/marketing-motion.md) — landing / hero / scroll
+- [`knowledge/motion/app-loading-sequences.md`](../../knowledge/motion/app-loading-sequences.md) — splash / route / progressive
+- [`knowledge/motion/choreography-depth.md`](../../knowledge/motion/choreography-depth.md) — multi-element coordination
+- [`knowledge/motion/motion-tools.md`](../../knowledge/motion/motion-tools.md) — tool decision tree
+- [`examples/component-loading-sequence.md`](../../examples/component-loading-sequence.md) — reference spec
+- [`examples/component-page-transition.md`](../../examples/component-page-transition.md) — reference spec
+- [`examples/component-lottie-player.md`](../../examples/component-lottie-player.md) — Lottie integration
+- [`examples/component-scroll-reveal.md`](../../examples/component-scroll-reveal.md) — scroll-triggered
+
+## Verification phase (run before declaring done)
+
+- [ ] Was the moment classified into one of the 5 categories?
+- [ ] Is the duration tier explicit (not just "200ms" — "fast tier")?
+- [ ] Is the easing named AND mapped to a token?
+- [ ] Is the tool choice justified ("CSS because it's a < 100ms hover" — not just "Framer Motion")?
+- [ ] Are only `opacity` / `transform` / `filter` animated?
+- [ ] If multi-element: is stagger ≤ 80ms and total ≤ 800ms (entrance) / 300ms (in-app)?
+- [ ] Is `prefers-reduced-motion` behavior specified for every element?
+- [ ] Is bundle cost stated if a library is used?
+- [ ] Does the "Don't" section catch 2–3 specific misuses?
+- [ ] If Korean B2C: is the restraint check applied?
+
+## Done when
+
+- One markdown spec, < 400 lines.
+- Surface, intent, trigger, tool stated up top.
+- Tokens listed (no raw values in body — reference tokens).
+- Sequence with durations + easings + properties.
+- Timing diagram (if multi-element).
+- Reduced-motion fallback for every element.
+- Performance budget stated.
+- Code stub developer can paste in.
+- "Don't" section.
+- Verification phase passes.

package/skills/motion-designer/SKILL.md

@@ -0,0 +1,6 @@
+---
+name: motion-designer
+description: Design and spec motion for a screen, component, or page — pick the right duration, easing, and tool (CSS / Framer Motion / GSAP / Lottie / Rive); deliver a motion spec a developer can implement against. Reduced-motion-safe by default.
+---
+
+See [PLAYBOOK.md](PLAYBOOK.md).

package/skills/print-designer/PLAYBOOK.md

@@ -0,0 +1,209 @@
+# print-designer — playbook
+
+Design and spec a print piece. Output is a print-ready spec a designer can deliver to a printer with confidence — sizes, paper, finish, color, bleed, regulatory content, file delivery format.
+
+## When to use
+
+- "Spec a business card for our Korean fintech."
+- "Design a tri-fold brochure for the new product."
+- "Build a folding carton for our cosmetics line."
+- "Create a subway poster spec."
+- "What paper / finish should we choose?"
+
+## Inputs (ask if missing)
+
+1. **Piece type** — business card / letterhead / envelope / flyer / brochure / poster / packaging / signage.
+2. **Audience** — Korean primary / international primary / mixed.
+3. **Tier** — basic / mid / premium / luxury.
+4. **Quantity** — affects MOQ + cost.
+5. **Budget**.
+6. **Special requirements** — regulatory (food / cosmetics), sustainability, brand-critical color (Pantone match).
+7. **Existing brand assets** — logo, colors, fonts.
+8. **Distribution / use** — retail / mailing / hand-out / OOH.
+
+## Steps
+
+### 1. Pick the right piece
+
+Use the type to select primary knowledge:
+
+| Piece | Read |
+| --- | --- |
+| Business card / letterhead / envelope | [`stationery.md`](../../knowledge/print/stationery.md) |
+| Flyer / leaflet / brochure / booklet | [`brochures-and-flyers.md`](../../knowledge/print/brochures-and-flyers.md) |
+| Poster / banner / signage / OOH | [`signage-and-posters.md`](../../knowledge/print/signage-and-posters.md) |
+| Box / carton / label / mailer | [`packaging.md`](../../knowledge/print/packaging.md) |
+
+Always also read [`print-fundamentals.md`](../../knowledge/print/print-fundamentals.md). For Korean: [`korean-print-conventions.md`](../../knowledge/print/korean-print-conventions.md).
+
+### 2. Spec dimensions
+
+| Piece | Korean default | International default |
+| --- | --- | --- |
+| Business card | 90×50mm | 85×55mm |
+| Flyer / leaflet | A5 (148×210) | Letter (216×279) |
+| Brochure | A4 / A4 tri-fold | Letter |
+| Poster | A2 / A1 / A0 | Tabloid / Arch |
+| Box | per dieline | per dieline |
+
+Always include bleed: **3mm minimum**. State trim AND bleed dimensions.
+
+### 3. Pick paper / material
+
+For each paper choice, consider:
+- **Weight (gsm)** — sets perceived premium.
+- **Finish** — matte / glossy / uncoated / soft-touch / linen.
+- **Coating** — uncoated / aqueous / UV / lamination.
+- **Color** — white / off-white / kraft / colored stock.
+- **Sustainability** — FSC / recycled content.
+
+Defaults:
+- Business card: 300-350gsm matte coated or uncoated.
+- Brochure: 150-200gsm coated.
+- Folding carton: 350gsm SBS.
+- Mailer: 120-200gsm corrugated E-flute.
+- Poster: 150-200gsm coated for indoor; vinyl for outdoor.
+
+### 4. Pick color system
+
+| Need | Use |
+| --- | --- |
+| Standard 4-color | CMYK |
+| Brand-critical accent | CMYK + 1-2 Pantone spots |
+| Single-color (1-color) | 1 Pantone or 100K |
+| Premium metallic | Foil stamp (gold/silver/copper/holo) |
+| Neon / day-glo | Pantone special inks |
+
+State Pantone numbers + CMYK fallback. Don't trust silent conversion.
+
+### 5. Pick finish + special effects
+
+Common combinations:
+- **Matte + spot UV on logo** — premium tactile contrast.
+- **Soft-touch lamination + emboss / deboss** — luxury feel.
+- **Glossy + foil stamp** — vibrant + metallic.
+- **Uncoated + letterpress** — artisanal / wedding.
+
+Each special effect adds 20-100% cost. Cap at 1-2 per piece for restraint.
+
+### 6. Typography
+
+Pick fonts that:
+- Print clearly (test small sizes).
+- Have weights that suit each role (display, body, caption).
+- Support all required scripts (KR + EN if bilingual).
+- Are licensed for print use (verify, not just web).
+
+Korean default: **Pretendard** for sans (free, modern, multi-lingual). 본명조 for serif. Adobe paid families if budget permits.
+
+Sizing:
+- Body 9-11pt; smaller for Korean than Latin.
+- Headlines 18-72pt depending on piece.
+- Captions 6.5-8pt.
+
+### 7. Regulatory content (if applicable)
+
+- **Food**: KFDA — ingredients, allergens, nutrition, manufacturer, country of origin.
+- **Cosmetics**: KFDA — ingredients (Korean INCI), manufacturer, manufacturing license, expiry.
+- **Health-functional foods**: KFDA — strict format, approved claims only.
+- **Drugs**: KFDA — pre-approved copy, regulated formats.
+- **Recycling marks (분리배출 표시)**: required on most consumer packaging.
+
+See [`korean-print-conventions.md`](../../knowledge/print/korean-print-conventions.md) for details.
+
+### 8. File delivery
+
+Required:
+- **PDF/X-1a** export (or PDF/X-4 if printer accepts).
+- **3mm bleed** + crop marks + bleed marks.
+- **Fonts outlined** (or licensed for embedding).
+- **All images embedded** (no linked external).
+- **CMYK** color mode + Pantone spots defined.
+- **ICC profile** matching printer (Japan Color 2001 Coated for KR).
+- **Total ink coverage ≤ 300%** (some printers say 280%).
+
+Optional:
+- Source AI / INDD files.
+- Spec sheet with paper + finish + special-effect details.
+- Sign-off press proof.
+
+### 9. Output
+
+Use this structure:
+
+```markdown
+# Print spec: <piece name>
+
+> Brand: <...>
+> Audience: <KR / international / mixed>
+> Tier: <basic / mid / premium / luxury>
+> Quantity: <...>
+
+## Specs
+| Spec | Value |
+... dimensions, paper, finish, color, file format
+
+## Color tokens
+<CMYK + Pantone>
+
+## Typography
+<fonts, sizes, weights>
+
+## Layout
+<panel-by-panel for multi-panel pieces>
+
+## Regulatory checklist (if applicable)
+
+## Cost estimate
+
+## File delivery
+
+## Pre-press checklist
+
+## Press proof approval
+
+## Don't
+```
+
+## Source files this skill reads
+
+- [`knowledge/print/print-fundamentals.md`](../../knowledge/print/print-fundamentals.md) — CMYK, bleed, DPI
+- [`knowledge/print/stationery.md`](../../knowledge/print/stationery.md) — business cards, letterhead
+- [`knowledge/print/brochures-and-flyers.md`](../../knowledge/print/brochures-and-flyers.md) — multi-page
+- [`knowledge/print/signage-and-posters.md`](../../knowledge/print/signage-and-posters.md) — large format
+- [`knowledge/print/packaging.md`](../../knowledge/print/packaging.md) — boxes, dielines
+- [`knowledge/print/korean-print-conventions.md`](../../knowledge/print/korean-print-conventions.md) — KR conventions
+- [`knowledge/typography/font-pairings.md`](../../knowledge/typography/font-pairings.md) — Pretendard pairings
+- [`knowledge/patterns/brand-identity.md`](../../knowledge/patterns/brand-identity.md) — brand foundation
+- [`knowledge/i18n/korean-document-style.md`](../../knowledge/i18n/korean-document-style.md) — Korean voice
+- [`examples/print-business-card-spec.md`](../../examples/print-business-card-spec.md) — reference spec
+- [`examples/print-packaging-spec.md`](../../examples/print-packaging-spec.md) — reference spec
+
+## Verification phase (run before declaring done)
+
+- [ ] Are dimensions stated AND bleed (3mm min) included?
+- [ ] Is color mode CMYK + Pantone explicitly defined (not silent)?
+- [ ] Is paper weight + finish specified?
+- [ ] Are fonts named with sizes + weights for each role?
+- [ ] If regulatory (food / cosmetics): is the regulatory checklist applied?
+- [ ] If Korean piece: is 명함 90×50 used (vs international 85×55)?
+- [ ] Are recycling marks specified for KR packaging?
+- [ ] Is total ink coverage ≤ 300% noted?
+- [ ] Is press proof step included for brand-critical color?
+- [ ] Does the "Don't" section catch 2-3 specific misuses?
+
+## Done when
+
+- One markdown spec.
+- Dimensions + bleed + safe area.
+- Paper + finish + special effects.
+- Color (CMYK + Pantone).
+- Typography.
+- Layout (per panel for multi-panel pieces).
+- Regulatory checklist if applicable.
+- Cost estimate.
+- File delivery format.
+- Pre-press checklist.
+- Press proof step.
+- "Don't" section.
+- Verification passes.

package/skills/print-designer/SKILL.md

@@ -0,0 +1,6 @@
+---
+name: print-designer
+description: Design and spec a print piece — business card, brochure, poster, packaging, or full stationery system. Picks size, paper, finish, color (CMYK + Pantone), bleed, regulatory content; produces a print-ready spec. Korean print conventions baked in.
+---
+
+See [PLAYBOOK.md](PLAYBOOK.md).