A clean technology magazine layout for sharp business, AI, product, and engineering narratives.
+
+
+
+
+
diff --git a/futuristic-tech-editorial-ppt-skill/references/ppt-master-integration.md b/futuristic-tech-editorial-ppt-skill/references/ppt-master-integration.md
new file mode 100644
index 0000000..c1112ae
--- /dev/null
+++ b/futuristic-tech-editorial-ppt-skill/references/ppt-master-integration.md
@@ -0,0 +1,61 @@
+# PPT Master Integration
+
+Use this file when generating slides with PPT master.
+
+## Deck Defaults
+
+- Aspect ratio: 16:9
+- Canvas: `1280 x 720`
+- Background: `#FFFFFF`
+- Primary text: `#2B2B2B`
+- Accent: `#2F6BFF`
+- Grid/divider: `#E6EAF2`
+- Secondary text: `#6B6B6B`
+- Pale module fill: `#F7F9FC`
+
+## SVG Spec Lock
+
+Every slide should follow these constraints:
+
+- Use `viewBox="0 0 1280 720"`.
+- Use embedded text, not rasterized text.
+- Keep text within safe margins.
+- Use real text elements for all readable content.
+- Use explicit fills and strokes.
+- Do not use filters, blur, shadows, gradients, or external image links.
+- Prefer simple SVG primitives: `rect`, `line`, `path`, `circle`, `text`, `polyline`.
+
+## Design Process
+
+1. Read and summarize the source document.
+2. Decide the 3-5 slide narrative before drawing.
+3. Assign each slide one slide pattern from `slide-patterns.md`.
+4. Create the visual hierarchy first: title, signal, structure, support.
+5. Add grid fragments and data-inspired details last.
+6. Run the QA checklist before exporting to PPTX.
+
+## Text Density
+
+- Cover: title plus one short subtitle.
+- Content slide: maximum 1 main idea, 3-5 modules.
+- Body copy: prefer 8-16 words per block.
+- Avoid full paragraphs unless quoting a source.
+
+## Icon And Chart Rules
+
+- Use thin outline icons only when they clarify meaning.
+- Avoid decorative icon rows.
+- Charts should be flat and directly labeled.
+- Blue marks the key signal; graphite provides context.
+
+## Forbidden Treatments
+
+- Shadows
+- Glow effects
+- Glassmorphism
+- Claymorphism
+- 3D geometry
+- Warm paper texture
+- Decorative blobs
+- Heavy rounded cards
+- Dense tables with full grid borders
diff --git a/futuristic-tech-editorial-ppt-skill/references/qa-checklist.md b/futuristic-tech-editorial-ppt-skill/references/qa-checklist.md
new file mode 100644
index 0000000..c61b878
--- /dev/null
+++ b/futuristic-tech-editorial-ppt-skill/references/qa-checklist.md
@@ -0,0 +1,39 @@
+# QA Checklist
+
+## Style Fit
+
+- The slide reads as futuristic tech editorial, not corporate template or dashboard UI.
+- The canvas is mostly white.
+- Electric blue is used sparingly and intentionally.
+- The design is flat, sharp, and shadow-free.
+- The grid feels subtle, not noisy.
+
+## Layout
+
+- The slide uses 16:9 composition.
+- Main content sits inside safe margins.
+- There is clear asymmetry and enough negative space.
+- Alignment follows a visible grid.
+- Thin lines and modules do not clutter the page.
+
+## Typography
+
+- Heading hierarchy is obvious.
+- Body text is readable at presentation size.
+- No text overlaps or exceeds its container.
+- No negative letter spacing.
+- No decorative fonts.
+
+## Content
+
+- Each slide has one clear idea.
+- Labels are concise.
+- Data visuals have direct meaning.
+- No generic filler text remains.
+
+## PPT Production
+
+- SVG viewBox is `0 0 1280 720`.
+- Text remains editable where the workflow supports it.
+- No external assets are required unless intentionally bundled.
+- No filters, blur, shadows, or unsupported SVG effects.
diff --git a/futuristic-tech-editorial-ppt-skill/references/slide-patterns.md b/futuristic-tech-editorial-ppt-skill/references/slide-patterns.md
new file mode 100644
index 0000000..26e0104
--- /dev/null
+++ b/futuristic-tech-editorial-ppt-skill/references/slide-patterns.md
@@ -0,0 +1,65 @@
+# Slide Patterns
+
+## 1. Editorial Tech Cover
+
+Use for the opening slide.
+
+- Large title aligned left or slightly off-center.
+- Small metadata rail at top or side.
+- Subtle grid visible behind the composition.
+- One electric blue rule or coordinate marker.
+- Optional abstract data module on the opposite side.
+
+## 2. Asymmetric Thesis
+
+Use for the main argument.
+
+- One short thesis statement in large type.
+- Three supporting proof points in small structured modules.
+- Use blue only on the most important phrase or metric.
+- Leave at least one third of the slide open.
+
+## 3. Data Signal
+
+Use for metric-heavy content.
+
+- Large number or label as the hero element.
+- Thin axes, tick marks, and direct labels.
+- One blue highlight line or bar.
+- Add a short insight sentence, not a full paragraph.
+
+## 4. System Map
+
+Use for architecture, platform, or workflow explanations.
+
+- Build as a clean left-to-right or radial system.
+- Use hairline connectors.
+- Label nodes with short technical nouns.
+- Use blue for the active path or bottleneck.
+
+## 5. Editorial Comparison
+
+Use for before/after, old/new, or two operating models.
+
+- Split the canvas unevenly, such as 40/60 or 35/65.
+- Use graphite for baseline and blue for future state.
+- Avoid heavy table borders.
+- Keep rows sparse and highly scannable.
+
+## 6. Timeline Rail
+
+Use for roadmap or sequence.
+
+- Horizontal or vertical rail with small ticks.
+- Highlight the current or decisive phase in blue.
+- Use short captions and strong spacing.
+- Avoid decorative milestone badges.
+
+## 7. Closing Signal
+
+Use for final takeaway.
+
+- One strong closing statement.
+- Minimal supporting line.
+- Large white space.
+- Small electric blue marker or terminal-like coordinate detail.
diff --git a/futuristic-tech-editorial-ppt-skill/references/style-system.md b/futuristic-tech-editorial-ppt-skill/references/style-system.md
new file mode 100644
index 0000000..0cb003b
--- /dev/null
+++ b/futuristic-tech-editorial-ppt-skill/references/style-system.md
@@ -0,0 +1,73 @@
+# Style System
+
+## Core Look
+
+High-end editorial PPT design, futuristic tech magazine style. The deck should feel precise, current, and composed: white canvas, clean grid, bold hierarchy, and data-inspired structure.
+
+## Canvas
+
+- Aspect ratio: 16:9
+- Default SVG viewBox: `0 0 1280 720`
+- Background: `#FFFFFF`
+- Safe margin: 72 px minimum
+- Preferred content width: 1040-1120 px
+- Grid: 12 columns, 24 px gutters, subtle horizontal and vertical guides
+
+## Palette
+
+- Background: `#FFFFFF`
+- Primary text: `#2B2B2B`
+- Accent: `#2F6BFF`
+- Secondary text: `#6B6B6B`
+- Grid and dividers: `#E6EAF2`
+- Pale module fill: `#F7F9FC`
+
+Use electric blue for emphasis, chart highlights, section markers, and key data. Keep it below 10 percent of the slide area.
+
+## Typography
+
+Use modern sans-serif typography.
+
+- Preferred fonts: `Inter`, `Arial`, `Microsoft JhengHei`, `Microsoft YaHei`, sans-serif.
+- Cover title: 56-76 px, 700-800 weight.
+- Slide title: 36-48 px, 700-800 weight.
+- Section label: 11-13 px, uppercase, 600-700 weight.
+- Body: 18-24 px, 400-500 weight.
+- Caption: 12-15 px, 400-500 weight.
+- Line height: 1.08 for large titles, 1.35-1.55 for body text.
+- Letter spacing: 0.
+
+Keep headings bold and controlled. Avoid decorative fonts.
+
+## Layout Rules
+
+- Use asymmetry: one dominant block, one supporting cluster.
+- Leave one side of the slide visibly quieter.
+- Align text and modules to a clear grid.
+- Use thin lines to imply structure instead of enclosing every element.
+- Prefer open modules over heavy cards.
+- Avoid dense bullet lists; convert content into labeled blocks, steps, timelines, or comparison modules.
+
+## Geometry
+
+- Line weight: 1-2 px.
+- Corners: 0-4 px.
+- Dividers: thin, precise, low-contrast.
+- Shapes: rectangles, brackets, ticks, coordinate marks, axis lines.
+- Do not use soft shadows, glow, blur, radial gradients, or 3D forms.
+
+## Data And Diagrams
+
+- Charts should be flat, sparse, and editorial.
+- Use blue only for the selected signal.
+- Use graphite and pale grid lines for context.
+- Label directly when possible.
+- Prefer diagram clarity over decorative complexity.
+
+## Imagery
+
+When images are needed, crop them asymmetrically or edge-aligned. Favor product UI, system diagrams, architecture screenshots, hardware details, or abstract technical photography. Avoid warm lifestyle stock imagery unless the source topic requires it.
+
+## Icon Style
+
+Use thin outline icons only. Icons must be secondary to typography and data. Keep icon strokes consistent with the grid line language.
diff --git a/japanese-hand-drawn-editorial-ppt-skill/SKILL.md b/japanese-hand-drawn-editorial-ppt-skill/SKILL.md
new file mode 100644
index 0000000..529b45c
--- /dev/null
+++ b/japanese-hand-drawn-editorial-ppt-skill/SKILL.md
@@ -0,0 +1,61 @@
+---
+name: japanese-hand-drawn-editorial-ppt-skill
+description: Create or redesign PowerPoint decks in a high-end Japanese hand-drawn editorial style: warm off-white paper texture, delicate pencil or ink line illustration, thin uneven strokes, mostly monochrome line art with pale watercolor fills, clean Japanese-style light sans-serif typography, generous line spacing, asymmetric editorial composition, quiet human artistic refined simplicity. Use for PPT, PPTX, slide design, lifestyle magazine decks, brand storytelling, creative process, workspace, human-centered strategy, soft conceptual illustrations, and ppt-master workflows.
+---
+
+# Japanese Hand-Drawn Editorial PPT Skill
+
+Use this skill when a deck should feel quiet, thoughtful, human, artistic, and refined, with delicate Japanese lifestyle magazine illustration.
+
+## Style Intent
+
+Create high-end editorial PPT slides with a Japanese hand-drawn illustration style.
+
+- Background: soft warm off-white paper texture, slightly grainy.
+- Main visual: delicate hand-drawn pencil or ink illustration.
+- Illustration line: thin, uneven, slightly imperfect, natural, and organic.
+- Color: mostly monochrome line art with very light watercolor fills.
+- Typography: clean Japanese-style sans-serif, light weight, generous line spacing.
+- Layout: asymmetric editorial composition with large negative space.
+- Finish: soft, calm, human, slightly imperfect, and refined.
+- Aspect ratio: 16:9 unless the user explicitly asks otherwise.
+
+## Required Palette
+
+- Warm White: `#F8F6F2`
+- Ink Black: `#2B2B2B`
+- Soft Gray: `#BDBDBD`
+- Muted Indigo: `#6C7A89`
+- Pale Wash: `#EAE7E1`
+
+## Non-Negotiables
+
+- Keep contrast gentle; avoid harsh black-on-white intensity.
+- Use hand-drawn lines, small annotations, and minimal dividers.
+- Use muted indigo only as a very light accent.
+- Use pale watercolor fills sparingly.
+- Keep typography light, calm, and spacious.
+- Do not center everything; use asymmetric balance.
+- Do not use sharp geometric tech elements, glossy effects, heavy shadows, bold colors, cartoon styling, or perfect vector-tech diagrams.
+- Preserve the feeling of quiet human craft.
+
+## Workflow
+
+1. Read the source and identify the human or conceptual story.
+2. Decide the soft illustration metaphor for each slide.
+3. Choose a pattern from `references/slide-patterns.md`.
+4. Apply `references/style-system.md`.
+5. Use `references/ppt-master-integration.md` when generating with PPT master.
+6. Validate with `references/qa-checklist.md`.
+
+## Reference Files
+
+- `references/style-system.md`: palette, typography, texture, illustration, layout, and annotation rules.
+- `references/slide-patterns.md`: reusable hand-drawn editorial slide patterns.
+- `references/ppt-master-integration.md`: PPT master execution guidance.
+- `references/qa-checklist.md`: final visual and production checks.
+
+## Asset Files
+
+- `assets/examples/01_cover.svg`: cover example for README or visual direction.
+- `assets/template.html`: lightweight HTML reference layout for previewing the style.
diff --git a/japanese-hand-drawn-editorial-ppt-skill/agents/openai.yaml b/japanese-hand-drawn-editorial-ppt-skill/agents/openai.yaml
new file mode 100644
index 0000000..9f82f92
--- /dev/null
+++ b/japanese-hand-drawn-editorial-ppt-skill/agents/openai.yaml
@@ -0,0 +1,9 @@
+name: japanese-hand-drawn-editorial-ppt
+version: 1.0.0
+description: High-end Japanese hand-drawn editorial style for PPT and PPTX slide design.
+instructions: |
+ Follow SKILL.md and the reference files in this skill directory.
+ Produce 16:9 presentation designs with warm off-white paper texture,
+ delicate pencil/ink line illustration, thin uneven strokes, pale watercolor fills,
+ light Japanese-style sans-serif typography, large negative space, and asymmetric editorial composition.
+ Avoid sharp tech geometry, glossy effects, bold colors, heavy contrast, heavy shadows, and cartoon styling.
diff --git a/japanese-hand-drawn-editorial-ppt-skill/assets/examples/01_cover.svg b/japanese-hand-drawn-editorial-ppt-skill/assets/examples/01_cover.svg
new file mode 100644
index 0000000..7eb5e13
--- /dev/null
+++ b/japanese-hand-drawn-editorial-ppt-skill/assets/examples/01_cover.svg
@@ -0,0 +1,59 @@
+
diff --git a/japanese-hand-drawn-editorial-ppt-skill/assets/template.html b/japanese-hand-drawn-editorial-ppt-skill/assets/template.html
new file mode 100644
index 0000000..d51b61a
--- /dev/null
+++ b/japanese-hand-drawn-editorial-ppt-skill/assets/template.html
@@ -0,0 +1,115 @@
+
+
+
+
+
+ Japanese Hand-Drawn Editorial PPT Template
+
+
+
+
+
+
Japanese Hand-Drawn Editorial
+
+
Quiet Lines for Thoughtful Stories
+
Soft paper texture, imperfect ink strokes, pale wash fills, and spacious editorial composition.
+
+
+
+
+
diff --git a/japanese-hand-drawn-editorial-ppt-skill/references/ppt-master-integration.md b/japanese-hand-drawn-editorial-ppt-skill/references/ppt-master-integration.md
new file mode 100644
index 0000000..e6e327e
--- /dev/null
+++ b/japanese-hand-drawn-editorial-ppt-skill/references/ppt-master-integration.md
@@ -0,0 +1,61 @@
+# PPT Master Integration
+
+Use this file when generating slides with PPT master.
+
+## Deck Defaults
+
+- Aspect ratio: 16:9
+- Canvas: `1280 x 720`
+- Background: `#F8F6F2`
+- Primary text: `#2B2B2B`
+- Secondary text: `#6C6C6C`
+- Soft gray: `#BDBDBD`
+- Muted indigo: `#6C7A89`
+- Pale wash: `#EAE7E1`
+
+## SVG Spec Lock
+
+Every slide should follow these constraints:
+
+- Use `viewBox="0 0 1280 720"`.
+- Use embedded text, not rasterized text.
+- Keep text inside safe margins.
+- Use explicit fills and strokes.
+- Use mostly simple SVG primitives and paths.
+- Use slight irregularity in line paths to imply hand-drawn craft.
+- Avoid heavy filters, glossy effects, strong shadows, and external image links.
+
+## Design Process
+
+1. Summarize the source into one message per slide.
+2. Select a soft illustration metaphor.
+3. Choose a slide pattern from `slide-patterns.md`.
+4. Place text and illustration asymmetrically.
+5. Add small annotations and pale wash last.
+6. Run QA before exporting.
+
+## Text Density
+
+- Cover: title, subtitle, one small metadata line.
+- Content slide: one main idea and 2-3 support notes.
+- Body copy: 8-18 words per block.
+- Avoid dense bullets.
+
+## Illustration Production Rules
+
+- Use editable SVG paths where possible.
+- Use uneven line paths and imperfect curves.
+- Keep fills pale and transparent-looking.
+- Keep annotations small and quiet.
+- Avoid clean tech iconography and perfect geometric diagrams.
+
+## Forbidden Treatments
+
+- Heavy contrast
+- Bold saturated colors
+- Glossy effects
+- 3D realism
+- Sharp tech grids
+- Dashboard styling
+- Cartoon mascots
+- Dense full-canvas scenes
diff --git a/japanese-hand-drawn-editorial-ppt-skill/references/qa-checklist.md b/japanese-hand-drawn-editorial-ppt-skill/references/qa-checklist.md
new file mode 100644
index 0000000..dc3ed48
--- /dev/null
+++ b/japanese-hand-drawn-editorial-ppt-skill/references/qa-checklist.md
@@ -0,0 +1,39 @@
+# QA Checklist
+
+## Style Fit
+
+- The slide feels quiet, thoughtful, human, and refined.
+- The background is warm off-white with subtle texture.
+- Illustration feels hand-drawn, not icon-like or cartoonish.
+- Color stays soft and restrained.
+- No glossy effects, bold colors, or sharp tech geometry appear.
+
+## Layout
+
+- The slide uses 16:9 composition.
+- Text and illustration are asymmetrically balanced.
+- There is generous negative space.
+- Dividers and annotations are minimal.
+- No element feels crowded.
+
+## Typography
+
+- Sans-serif typography is light and calm.
+- Line spacing is generous.
+- Body text is readable at presentation size.
+- No text overlaps or exceeds its container.
+- Letter spacing is subtle.
+
+## Illustration
+
+- Lines are thin and slightly imperfect.
+- Pale wash fills are light and sparse.
+- Hand-drawn marks support the story.
+- The illustration subject matches the slide message.
+
+## PPT Production
+
+- SVG viewBox is `0 0 1280 720`.
+- Text remains editable where the workflow supports it.
+- No unsupported external dependencies are required.
+- Colors match the required palette or approved utility tones.
diff --git a/japanese-hand-drawn-editorial-ppt-skill/references/slide-patterns.md b/japanese-hand-drawn-editorial-ppt-skill/references/slide-patterns.md
new file mode 100644
index 0000000..4108c3b
--- /dev/null
+++ b/japanese-hand-drawn-editorial-ppt-skill/references/slide-patterns.md
@@ -0,0 +1,64 @@
+# Slide Patterns
+
+## 1. Hand-Drawn Editorial Cover
+
+Use for opening slides.
+
+- Large light-weight sans-serif title.
+- Delicate line illustration on one side.
+- Soft paper texture.
+- Small annotation or date label.
+- One subtle divider only.
+
+## 2. Quiet Concept
+
+Use for abstract ideas or thesis slides.
+
+- One short statement.
+- Small hand-drawn metaphor near the statement.
+- Use pale wash behind the visual.
+- Keep most of the slide open.
+
+## 3. Workspace Scene
+
+Use for process, team, or creative work.
+
+- Desk, notebook, laptop, plant, pen, or paper objects drawn with thin uneven lines.
+- Add 2-3 small annotations.
+- Keep the drawing quiet and sparse.
+
+## 4. Organic Flow
+
+Use for workflow or journey slides.
+
+- Hand-drawn curved path.
+- Small nodes or sketches along the path.
+- Muted indigo marks the current or important step.
+- Avoid perfect arrows and rigid flowcharts.
+
+## 5. Soft Comparison
+
+Use for before/after or two approaches.
+
+- Two uneven text columns.
+- One delicate divider.
+- Tiny hand-drawn icons or annotations.
+- Pale wash highlights the preferred side.
+
+## 6. Human Detail
+
+Use for user stories or observations.
+
+- Small human-scale sketch.
+- Quote or observation as the main text.
+- Light gray annotation line.
+- No dramatic illustration scale.
+
+## 7. Closing Note
+
+Use for final slides.
+
+- One calm closing phrase.
+- Small botanical, desk, or abstract line illustration.
+- Minimal metadata.
+- Wide negative space.
diff --git a/japanese-hand-drawn-editorial-ppt-skill/references/style-system.md b/japanese-hand-drawn-editorial-ppt-skill/references/style-system.md
new file mode 100644
index 0000000..2998fd7
--- /dev/null
+++ b/japanese-hand-drawn-editorial-ppt-skill/references/style-system.md
@@ -0,0 +1,78 @@
+# Style System
+
+## Core Look
+
+High-end editorial PPT design with Japanese hand-drawn illustration. The deck should feel like a quiet Japanese lifestyle magazine page: human, calm, textured, imperfect, and refined.
+
+## Canvas
+
+- Aspect ratio: 16:9
+- Default SVG viewBox: `0 0 1280 720`
+- Background: `#F8F6F2`
+- Safe margin: 80 px minimum
+- Preferred content width: 980-1080 px
+- Texture: subtle grain, sparse speckles, faint paper fibers
+
+## Palette
+
+- Warm White: `#F8F6F2`
+- Ink Black: `#2B2B2B`
+- Soft Gray: `#BDBDBD`
+- Muted Indigo: `#6C7A89`
+- Pale Wash: `#EAE7E1`
+
+Use ink black at softened opacity when possible. Muted indigo is a quiet accent only. Pale wash is for very soft background fills.
+
+## Typography
+
+Use clean Japanese-style sans-serif typography.
+
+- Preferred fonts: `Noto Sans JP`, `Yu Gothic`, `Yu Gothic UI`, `Hiragino Sans`, `Microsoft JhengHei`, `Microsoft YaHei`, `Arial`, sans-serif.
+- Cover title: 52-68 px, 300-500 weight.
+- Slide title: 34-46 px, 300-500 weight.
+- Section label: 11-13 px, 400-500 weight.
+- Body: 18-23 px, 300-400 weight.
+- Caption and annotation: 12-15 px, 300-400 weight.
+- Line height: 1.35-1.65.
+- Letter spacing: 0.02em max; keep it subtle.
+
+Avoid heavy bold headings. Use space, alignment, and line breaks for hierarchy.
+
+## Layout Rules
+
+- Use asymmetric editorial composition.
+- Do not center text and illustration together.
+- Let one side breathe.
+- Keep illustration and text in a quiet conversation.
+- Use thin dividers and tiny annotations rather than framed cards.
+- Leave generous margins around hand-drawn visuals.
+
+## Illustration Rules
+
+Illustrations should look hand-drawn, not like polished vector icons.
+
+- Subjects: daily life, workspace, creative process, human-centered ideas, quiet abstract concepts.
+- Line style: thin, uneven, organic, slightly imperfect.
+- Fill style: very light watercolor wash.
+- Details: sparse annotations, small arrows, tiny labels.
+- Texture: paper grain and pencil softness are welcome.
+- Composition: delicate visual cluster, not full-canvas busy scene.
+
+## Graphic Elements
+
+- Hand-drawn lines
+- Small note marks
+- Minimal dividers
+- Soft wash blocks
+- Gentle irregular strokes
+
+Avoid sharp geometric tech elements, bright dashboards, neon accents, 3D objects, and glossy UI cards.
+
+## Data And Diagrams
+
+If data or systems must be shown, translate them into soft editorial diagrams:
+
+- Use hand-drawn arrows and imperfect connector lines.
+- Use small annotations instead of dense labels.
+- Use pale wash areas for grouping.
+- Keep chart density low.
diff --git a/japanese-style-ppt-skill/assets/examples/japanese-lifestyle-editorial/01_cover.svg b/japanese-style-ppt-skill/assets/examples/japanese-lifestyle-editorial/01_cover.svg
index f27b24d..cde1b31 100644
--- a/japanese-style-ppt-skill/assets/examples/japanese-lifestyle-editorial/01_cover.svg
+++ b/japanese-style-ppt-skill/assets/examples/japanese-lifestyle-editorial/01_cover.svg
@@ -1,32 +1,50 @@
-
diff --git a/japanese-style-ppt-skill/assets/examples/washi-soft-glow/01_cover.svg b/japanese-style-ppt-skill/assets/examples/washi-soft-glow/01_cover.svg
index 48e521c..70200b9 100644
--- a/japanese-style-ppt-skill/assets/examples/washi-soft-glow/01_cover.svg
+++ b/japanese-style-ppt-skill/assets/examples/washi-soft-glow/01_cover.svg
@@ -1,38 +1,58 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
-
- ENGINEERING ESSAY / MANAGED AGENTS
-
+ WASHI PAPER & SOFT GLOW / PPT STYLE
+
+
+ Washi
+ Paper
+ & Soft Glow
+
+ Japanese minimalist warmth with quiet editorial precision.
+ Soft off-white texture, thin gray lines, muted color blocks, and zen negative space.
+
+
+
+
+
+
+ quiet glow
+ washi texture / muted geometry
-
- ScalingManagedAgentsDecoupling the brain from the hands
- Harness assumptions go stale as models improve.Managed Agents keeps the interface stablewhile implementations underneath can change.
-
-
-
-
-
- VIRTUALIZED COMPONENTS / SESSION / HARNESS / SANDBOX
+
+ COLOR PALETTE
+
+
+
+
+
+ #B3AFCB
+ #8995B7
+ #777F6C
+ #AA6F5F
+ #D5D0DB
-
-
- Source: Anthropic Engineering
- 01 / 03
-
-
\ No newline at end of file
+ 16:9 / soft off-white paper / thin gray lines / indigo restraint / warm minimalist brand storytelling
+
diff --git a/minimalist-luxury-branding-ppt-skill/SKILL.md b/minimalist-luxury-branding-ppt-skill/SKILL.md
new file mode 100644
index 0000000..b5c6d18
--- /dev/null
+++ b/minimalist-luxury-branding-ppt-skill/SKILL.md
@@ -0,0 +1,63 @@
+---
+name: minimalist-luxury-branding-ppt-skill
+description: Create or redesign PowerPoint decks in a minimalist luxury high-end branding presentation style: soft beige background, warm neutral tones, elegant serif and sans-serif typography pairing, large margins, refined spacing, editorial layout, subtle line dividers, no heavy elements, clean calm premium aesthetic. Use for PPT, PPTX, slide design, brand strategy, luxury branding, premium proposals, founder decks, company profiles, editorial business presentations, and ppt-master workflows.
+---
+
+# Minimalist Luxury Branding PPT Skill
+
+Use this skill when a deck should feel calm, premium, editorial, and brand-led. The result should look like a refined luxury brand presentation rather than a dense corporate template.
+
+## Style Intent
+
+Create minimalist luxury PPT slides with a high-end branding presentation aesthetic.
+
+- Background: soft warm beige.
+- Typography: elegant serif headings paired with clean sans-serif body text.
+- Composition: large margins, editorial spacing, calm rhythm.
+- Visual language: subtle line dividers, restrained modules, refined hierarchy.
+- Finish: clean, quiet, premium, and free of heavy visual elements.
+- Aspect ratio: 16:9 unless the user explicitly asks otherwise.
+
+## Required Palette
+
+- Warm Beige: `#F5EFE6`
+- Soft Brown: `#A68A64`
+- Deep Gray: `#3A3A3A`
+
+Utility colors may be derived only for subtle dividers and pale tonal panels:
+
+- Fine divider: `#D8CCBD`
+- Muted text: `#746F68`
+- Pale cream: `#FBF7F1`
+
+## Non-Negotiables
+
+- Use `#F5EFE6` as the dominant canvas.
+- Use `#A68A64` sparingly for refined emphasis, rules, small labels, and premium accents.
+- Use `#3A3A3A` for primary text.
+- Keep the layout quiet: large margins, low density, measured spacing.
+- Pair serif display typography with sans-serif body typography.
+- Prefer thin dividers and editorial alignment over boxes and heavy cards.
+- Avoid clutter, loud contrast, aggressive charts, neon colors, heavy icons, thick borders, gradients, and shadows.
+- Every slide should feel composed, calm, and premium.
+
+## Workflow
+
+1. Read the source and extract the brand narrative, central promise, and supporting proof.
+2. Assign one refined message to each slide.
+3. Select a layout from `references/slide-patterns.md`.
+4. Apply the palette and typography system from `references/style-system.md`.
+5. Use `references/ppt-master-integration.md` when generating with PPT master.
+6. Validate the final deck with `references/qa-checklist.md`.
+
+## Reference Files
+
+- `references/style-system.md`: palette, typography, spacing, line, layout, image, and chart rules.
+- `references/slide-patterns.md`: luxury editorial slide structures.
+- `references/ppt-master-integration.md`: PPT master generation rules.
+- `references/qa-checklist.md`: visual and production QA.
+
+## Asset Files
+
+- `assets/examples/01_cover.svg`: cover example for README or visual direction.
+- `assets/template.html`: lightweight HTML reference layout for previewing the style.
diff --git a/minimalist-luxury-branding-ppt-skill/agents/openai.yaml b/minimalist-luxury-branding-ppt-skill/agents/openai.yaml
new file mode 100644
index 0000000..008b081
--- /dev/null
+++ b/minimalist-luxury-branding-ppt-skill/agents/openai.yaml
@@ -0,0 +1,9 @@
+name: minimalist-luxury-branding-ppt
+version: 1.0.0
+description: Minimalist luxury high-end branding presentation style for PPT and PPTX slide design.
+instructions: |
+ Follow SKILL.md and the reference files in this skill directory.
+ Produce 16:9 presentation designs with warm beige backgrounds, soft brown accents,
+ deep gray typography, elegant serif plus sans-serif pairing, large margins,
+ refined spacing, subtle dividers, and clean premium editorial layouts.
+ Avoid heavy cards, loud colors, shadows, gradients, dense charts, and clutter.
diff --git a/minimalist-luxury-branding-ppt-skill/assets/examples/01_cover.svg b/minimalist-luxury-branding-ppt-skill/assets/examples/01_cover.svg
new file mode 100644
index 0000000..66f108e
--- /dev/null
+++ b/minimalist-luxury-branding-ppt-skill/assets/examples/01_cover.svg
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+ MINIMAL LUXURY / BRAND PRESENTATION
+
+ Quiet
+ Precision
+ for Premium
+ Stories
+
+ Elegant serif and sans-serif pairing, refined spacing,
+ soft neutral tones, and calm editorial hierarchy.
+
+ PALETTE
+
+
+
+
+ Refined
+ Brand Rhythm
+
+ Large margins
+ Subtle dividers
+ Premium calm
+
+ 16:9 / #F5EFE6 / #A68A64 / #3A3A3A
+
diff --git a/minimalist-luxury-branding-ppt-skill/assets/template.html b/minimalist-luxury-branding-ppt-skill/assets/template.html
new file mode 100644
index 0000000..8dcabe8
--- /dev/null
+++ b/minimalist-luxury-branding-ppt-skill/assets/template.html
@@ -0,0 +1,138 @@
+
+
+
+
+
+ Minimalist Luxury Branding PPT Template
+
+
+
+
+
+
Minimal Luxury / Brand System
+
+
Quiet Precision for Premium Stories
+
A calm editorial presentation system for brand strategy, refined proposals, and high-end business narratives.
+
+
+
+
+
+
diff --git a/minimalist-luxury-branding-ppt-skill/references/ppt-master-integration.md b/minimalist-luxury-branding-ppt-skill/references/ppt-master-integration.md
new file mode 100644
index 0000000..5d9541f
--- /dev/null
+++ b/minimalist-luxury-branding-ppt-skill/references/ppt-master-integration.md
@@ -0,0 +1,60 @@
+# PPT Master Integration
+
+Use this file when generating slides with PPT master.
+
+## Deck Defaults
+
+- Aspect ratio: 16:9
+- Canvas: `1280 x 720`
+- Background: `#F5EFE6`
+- Primary text: `#3A3A3A`
+- Accent: `#A68A64`
+- Divider: `#D8CCBD`
+- Muted text: `#746F68`
+- Pale fill: `#FBF7F1`
+
+## SVG Spec Lock
+
+Every slide should follow these constraints:
+
+- Use `viewBox="0 0 1280 720"`.
+- Use embedded text, not rasterized text.
+- Keep text within safe margins.
+- Use explicit fills and strokes.
+- Avoid filters, blur, shadows, gradients, and external image links.
+- Prefer simple SVG primitives: `rect`, `line`, `path`, `circle`, and `text`.
+
+## Design Process
+
+1. Read the source document and extract the premium narrative.
+2. Reduce each slide to one message.
+3. Choose a pattern from `slide-patterns.md`.
+4. Apply large margins before adding details.
+5. Use subtle dividers and soft brown accents only after the hierarchy is clear.
+6. Run the QA checklist before exporting to PPTX.
+
+## Text Density
+
+- Cover: title plus one subtitle or metadata line.
+- Content slide: one main idea, 2-4 supporting blocks.
+- Body copy: 8-18 words per block.
+- Avoid long bullet lists; use editorial statements and concise labels.
+
+## Typography Rules
+
+- Use serif for title-level hierarchy.
+- Use sans-serif for body and labels.
+- Do not mix more than two font families.
+- Keep line spacing generous.
+
+## Forbidden Treatments
+
+- Heavy cards
+- Thick borders
+- Drop shadows
+- Glow effects
+- Bright saturated colors
+- Dense dashboards
+- Decorative icon rows
+- Busy photo collages
+- Gradient backgrounds
diff --git a/minimalist-luxury-branding-ppt-skill/references/qa-checklist.md b/minimalist-luxury-branding-ppt-skill/references/qa-checklist.md
new file mode 100644
index 0000000..ef07795
--- /dev/null
+++ b/minimalist-luxury-branding-ppt-skill/references/qa-checklist.md
@@ -0,0 +1,39 @@
+# QA Checklist
+
+## Style Fit
+
+- The slide feels calm, premium, and brand-led.
+- Warm beige is the dominant background.
+- Soft brown is used sparingly.
+- The layout has large margins and refined spacing.
+- Nothing feels heavy, loud, or overly corporate.
+
+## Layout
+
+- The slide uses 16:9 composition.
+- Main content stays inside safe margins.
+- Dividers are thin and subtle.
+- There is enough negative space.
+- No visual element crowds the title.
+
+## Typography
+
+- Serif and sans-serif pairing is clear.
+- Heading hierarchy feels elegant and readable.
+- Body text is readable at presentation size.
+- No text overlaps or exceeds its container.
+- No negative letter spacing.
+
+## Content
+
+- Each slide has one clear message.
+- Labels are concise and refined.
+- Bullets are avoided unless truly necessary.
+- No placeholder text remains.
+
+## PPT Production
+
+- SVG viewBox is `0 0 1280 720`.
+- Text remains editable where the workflow supports it.
+- No unsupported filters, blur, shadows, or external dependencies.
+- Colors match the required palette or approved utility tones.
diff --git a/minimalist-luxury-branding-ppt-skill/references/slide-patterns.md b/minimalist-luxury-branding-ppt-skill/references/slide-patterns.md
new file mode 100644
index 0000000..df95958
--- /dev/null
+++ b/minimalist-luxury-branding-ppt-skill/references/slide-patterns.md
@@ -0,0 +1,65 @@
+# Slide Patterns
+
+## 1. Luxury Cover
+
+Use for opening slides.
+
+- Soft beige canvas.
+- Large serif title with generous line height.
+- Small sans-serif metadata line.
+- One thin soft brown divider.
+- Optional quiet image crop or monogram-like accent.
+
+## 2. Editorial Statement
+
+Use for brand promise or strategic thesis.
+
+- One concise statement in serif typography.
+- Supporting sentence in small sans-serif type.
+- Wide margins and no more than one divider.
+- Accent one keyword or rule in soft brown.
+
+## 3. Brand Pillars
+
+Use for 3-4 principles.
+
+- Sparse columns or staggered text blocks.
+- Each pillar has a short title and one sentence.
+- Use thin vertical dividers instead of filled cards.
+- Keep spacing wider than expected.
+
+## 4. Refined Comparison
+
+Use for old/new, market/brand, or before/after.
+
+- Uneven two-column composition.
+- Use labels and concise contrast statements.
+- Separate columns with one thin divider.
+- Avoid table grids and dense bullet points.
+
+## 5. Signature Process
+
+Use for workflow or methodology.
+
+- Horizontal or vertical sequence with fine line rail.
+- Use small numeric markers.
+- Keep each step to one phrase and one short note.
+- Use soft brown for the active or decisive step.
+
+## 6. Premium Evidence
+
+Use for proof, metrics, or case signals.
+
+- One large metric or quote.
+- Minimal context below.
+- Fine divider and caption structure.
+- Avoid dashboard styling.
+
+## 7. Closing Brand Note
+
+Use for final slides.
+
+- One elegant closing phrase.
+- Minimal contact, source, or next-step information.
+- Lots of empty space.
+- Subtle accent line near the edge.
diff --git a/minimalist-luxury-branding-ppt-skill/references/style-system.md b/minimalist-luxury-branding-ppt-skill/references/style-system.md
new file mode 100644
index 0000000..0f638fa
--- /dev/null
+++ b/minimalist-luxury-branding-ppt-skill/references/style-system.md
@@ -0,0 +1,74 @@
+# Style System
+
+## Core Look
+
+Minimalist luxury PPT slide design for high-end branding presentations. The deck should feel calm, premium, editorial, and intentional.
+
+## Canvas
+
+- Aspect ratio: 16:9
+- Default SVG viewBox: `0 0 1280 720`
+- Background: `#F5EFE6`
+- Safe margin: 88 px minimum
+- Preferred content width: 980-1080 px
+- Layout rhythm: generous margins, wide gutters, low content density
+
+## Palette
+
+- Background: `#F5EFE6`
+- Accent: `#A68A64`
+- Primary text: `#3A3A3A`
+- Muted text: `#746F68`
+- Fine divider: `#D8CCBD`
+- Pale cream: `#FBF7F1`
+
+Use soft brown as a premium accent, not a dominant fill. Keep the design tonal and restrained.
+
+## Typography
+
+Use an elegant serif and sans-serif pairing.
+
+- Serif heading options: `Georgia`, `Times New Roman`, `Cormorant Garamond`, `Playfair Display`, serif.
+- Sans body options: `Inter`, `Arial`, `Helvetica`, `Microsoft JhengHei`, `Microsoft YaHei`, sans-serif.
+- Cover title: 58-76 px, serif, 400-600 weight.
+- Slide title: 38-52 px, serif, 400-600 weight.
+- Section label: 11-13 px, sans-serif, 600 weight, uppercase optional.
+- Body: 18-23 px, sans-serif, 400-500 weight.
+- Caption: 12-15 px, sans-serif, 400 weight.
+- Line height: 1.08-1.18 for serif titles, 1.4-1.6 for body.
+- Letter spacing: 0.
+
+Avoid overly decorative scripts and compressed display fonts.
+
+## Layout Rules
+
+- Use large margins and low density.
+- Prefer one dominant text block and one quiet supporting element.
+- Use thin lines to divide space, never heavy borders.
+- Keep modules open and editorial instead of card-heavy.
+- Use asymmetry carefully: elegant imbalance, not chaotic layout.
+- Keep visual elements anchored to a clean grid.
+
+## Dividers And Geometry
+
+- Line weight: 1 px.
+- Corner radius: 0-4 px only when needed.
+- Use horizontal rules, vertical rails, crop marks, and small accent ticks.
+- Avoid thick frames, heavy fills, shadows, glow, and gradients.
+
+## Imagery
+
+When imagery is used, prefer refined lifestyle, material detail, product detail, architecture, or brand photography. Crops should feel editorial and premium. Avoid generic stock photos, saturated colors, and busy collages.
+
+## Charts And Data
+
+Charts should feel quiet and editorial.
+
+- Use direct labels.
+- Use soft brown only for the primary signal.
+- Use deep gray and muted beige-gray for context.
+- Avoid dense grids and technical dashboard styling.
+
+## Tone
+
+The deck should feel like a premium brand book or luxury proposal: calm, selective, refined, and clear.
diff --git a/modern-illustration-editorial-ppt-skill/SKILL.md b/modern-illustration-editorial-ppt-skill/SKILL.md
new file mode 100644
index 0000000..4aa3aed
--- /dev/null
+++ b/modern-illustration-editorial-ppt-skill/SKILL.md
@@ -0,0 +1,66 @@
+---
+name: modern-illustration-editorial-ppt-skill
+description: Create or redesign PowerPoint decks in a high-end editorial modern illustration style: clean white or light warm background with subtle texture, soft vector illustrations with refined details, abstract people/workflow/idea visuals, smooth shapes, layered composition, modern sans-serif hierarchy, asymmetric editorial layout, large negative space, flat plus slight gradient, soft light shadows, calm intelligent modern artistic feeling. Use for PPT, PPTX, slide design, illustrated business decks, product storytelling, strategy presentations, explainers, tech/lifestyle editorial decks, and ppt-master workflows.
+---
+
+# Modern Illustration Editorial PPT Skill
+
+Use this skill when a deck should feel high-end, modern, intelligent, and lightly artistic, with refined conceptual illustrations as the main visual system.
+
+## Style Intent
+
+Create high-end editorial PPT slides with modern vector illustration.
+
+- Background: clean white or light warm surface with subtle texture.
+- Main visual: abstract or conceptual illustration about people, workflows, systems, or ideas.
+- Illustration: smooth vector shapes, layered composition, balanced proportions, refined details.
+- Typography: modern sans-serif, clean and minimal, strong hierarchy.
+- Layout: asymmetric editorial composition with large negative space.
+- Finish: flat with slight gradient and soft light shadows, not cartoonish or 3D realistic.
+- Aspect ratio: 16:9 unless the user explicitly asks otherwise.
+
+## Required Palette
+
+- Soft Beige: `#F7F3EE`
+- Muted Blue: `#A7C7E7`
+- Dusty Orange: `#E8A87C`
+- Charcoal Gray: `#2F2F2F`
+
+Utility colors may be derived for subtle texture, highlights, and muted linework:
+
+- White: `#FFFFFF`
+- Pale blue: `#EAF4FC`
+- Pale orange: `#FCE8DA`
+- Divider: `#DED8D1`
+
+## Non-Negotiables
+
+- Keep the overall feeling calm, intelligent, modern, and slightly artistic.
+- Use illustration as the main visual anchor when the slide needs a strong visual.
+- Keep illustration refined and editorial, not playful cartoon.
+- Use large negative space and asymmetric composition.
+- Use modern sans-serif typography with clear hierarchy.
+- Use subtle gradients only inside illustration shapes.
+- Use soft shadows only when they are light, local, and not visually heavy.
+- Avoid 3D realism, glossy rendering, thick shadows, saturated colors, childish characters, cluttered scenes, and dense dashboard styling.
+
+## Workflow
+
+1. Read the source material and extract the core narrative.
+2. Decide whether each slide needs an illustration, diagram, or typography-led layout.
+3. Choose a layout pattern from `references/slide-patterns.md`.
+4. Apply the style system from `references/style-system.md`.
+5. Use `references/ppt-master-integration.md` for PPT master generation.
+6. Validate the final result with `references/qa-checklist.md`.
+
+## Reference Files
+
+- `references/style-system.md`: palette, typography, illustration, spacing, layout, and texture rules.
+- `references/slide-patterns.md`: reusable illustrated editorial slide patterns.
+- `references/ppt-master-integration.md`: PPT master execution guidance.
+- `references/qa-checklist.md`: final visual and production checks.
+
+## Asset Files
+
+- `assets/examples/01_cover.svg`: cover example for README or visual direction.
+- `assets/template.html`: lightweight HTML reference layout for previewing the style.
diff --git a/modern-illustration-editorial-ppt-skill/agents/openai.yaml b/modern-illustration-editorial-ppt-skill/agents/openai.yaml
new file mode 100644
index 0000000..5229726
--- /dev/null
+++ b/modern-illustration-editorial-ppt-skill/agents/openai.yaml
@@ -0,0 +1,10 @@
+name: modern-illustration-editorial-ppt
+version: 1.0.0
+description: High-end editorial modern illustration style for PPT and PPTX slide design.
+instructions: |
+ Follow SKILL.md and the reference files in this skill directory.
+ Produce 16:9 presentation designs with clean white or light warm backgrounds,
+ refined soft vector illustrations, muted blue and dusty orange accents,
+ charcoal typography, large negative space, asymmetric editorial layouts,
+ slight gradients, and very soft shadows.
+ Avoid cartoonish characters, 3D realism, heavy shadows, clutter, and saturated colors.
diff --git a/modern-illustration-editorial-ppt-skill/assets/examples/01_cover.svg b/modern-illustration-editorial-ppt-skill/assets/examples/01_cover.svg
new file mode 100644
index 0000000..bb7ccf6
--- /dev/null
+++ b/modern-illustration-editorial-ppt-skill/assets/examples/01_cover.svg
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ MODERN ILLUSTRATION / EDITORIAL PPT
+ Calm Visual
+ Systems for
+ Complex Ideas
+
+ Soft vector illustration, refined hierarchy,
+ and asymmetric editorial composition.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ #F7F3EE / #A7C7E7 / #E8A87C / #2F2F2F
+
diff --git a/modern-illustration-editorial-ppt-skill/assets/template.html b/modern-illustration-editorial-ppt-skill/assets/template.html
new file mode 100644
index 0000000..bacbb20
--- /dev/null
+++ b/modern-illustration-editorial-ppt-skill/assets/template.html
@@ -0,0 +1,147 @@
+
+
+
+
+
+ Modern Illustration Editorial PPT Template
+
+
+
+
+
+
Modern Illustration / Editorial Deck
+
Calm Visual Systems for Complex Ideas
+
Soft vector illustration, refined hierarchy, and asymmetric composition for intelligent product and strategy stories.
+
+
+
+
+
+
+
+
+
+
diff --git a/modern-illustration-editorial-ppt-skill/references/ppt-master-integration.md b/modern-illustration-editorial-ppt-skill/references/ppt-master-integration.md
new file mode 100644
index 0000000..b853cf3
--- /dev/null
+++ b/modern-illustration-editorial-ppt-skill/references/ppt-master-integration.md
@@ -0,0 +1,63 @@
+# PPT Master Integration
+
+Use this file when generating slides with PPT master.
+
+## Deck Defaults
+
+- Aspect ratio: 16:9
+- Canvas: `1280 x 720`
+- Background: `#FFFFFF` or `#F7F3EE`
+- Primary text: `#2F2F2F`
+- Muted blue: `#A7C7E7`
+- Dusty orange: `#E8A87C`
+- Divider: `#DED8D1`
+- Pale blue: `#EAF4FC`
+- Pale orange: `#FCE8DA`
+
+## SVG Spec Lock
+
+Every slide should follow these constraints:
+
+- Use `viewBox="0 0 1280 720"`.
+- Use embedded text, not rasterized text.
+- Keep text within safe margins.
+- Use explicit fills and strokes.
+- Use simple gradients only when they improve illustration softness.
+- Use filters only for very light, local illustration shadow if the PPT workflow supports them; otherwise use pale flat ellipses as shadows.
+- Avoid external image links unless intentionally bundled.
+- Prefer simple SVG primitives and paths.
+
+## Design Process
+
+1. Read the source and identify the key idea per slide.
+2. Decide the visual metaphor before drawing.
+3. Choose a slide pattern from `slide-patterns.md`.
+4. Place typography first, then illustration, then secondary labels.
+5. Keep illustrations calm and balanced.
+6. Run the QA checklist before export.
+
+## Text Density
+
+- Cover: title, subtitle, one metadata line.
+- Content slide: one main idea and 2-4 support points.
+- Body copy: 8-18 words per block.
+- Avoid long bullet lists.
+
+## Illustration Production Rules
+
+- Keep paths clean and shapes editable.
+- Use layered vector forms rather than raster images when possible.
+- Use gradients sparingly.
+- Ground figures with pale soft ellipses instead of heavy shadows.
+- Use simplified people without cartoon exaggeration.
+
+## Forbidden Treatments
+
+- 3D realism
+- Heavy shadows
+- Cartoon mascot styling
+- Neon palettes
+- Dense dashboards
+- Overly literal clipart
+- Busy full-canvas scenes
+- Excessive gradients
diff --git a/modern-illustration-editorial-ppt-skill/references/qa-checklist.md b/modern-illustration-editorial-ppt-skill/references/qa-checklist.md
new file mode 100644
index 0000000..34abfb7
--- /dev/null
+++ b/modern-illustration-editorial-ppt-skill/references/qa-checklist.md
@@ -0,0 +1,39 @@
+# QA Checklist
+
+## Style Fit
+
+- The slide feels high-end, modern, calm, and slightly artistic.
+- Illustration is refined and conceptual, not cartoonish.
+- The palette uses soft beige, muted blue, dusty orange, and charcoal.
+- Gradients and shadows are subtle, not heavy.
+- The slide does not feel like a dense dashboard or stock template.
+
+## Layout
+
+- The slide uses 16:9 composition.
+- Main content stays inside safe margins.
+- There is large negative space.
+- The composition is asymmetric but balanced.
+- Illustration and text do not compete for attention.
+
+## Typography
+
+- Modern sans-serif hierarchy is clear.
+- Body text is readable at presentation size.
+- No text overlaps or exceeds its container.
+- No negative letter spacing.
+
+## Illustration
+
+- Shapes are smooth and layered.
+- Proportions are balanced.
+- Details are refined but sparse.
+- Shadows are light and local.
+- No 3D realism, glossy rendering, or childish character styling.
+
+## PPT Production
+
+- SVG viewBox is `0 0 1280 720`.
+- Text remains editable where the workflow supports it.
+- No unsupported external dependencies are required.
+- Colors match the required palette or approved utility tones.
diff --git a/modern-illustration-editorial-ppt-skill/references/slide-patterns.md b/modern-illustration-editorial-ppt-skill/references/slide-patterns.md
new file mode 100644
index 0000000..100a10a
--- /dev/null
+++ b/modern-illustration-editorial-ppt-skill/references/slide-patterns.md
@@ -0,0 +1,65 @@
+# Slide Patterns
+
+## 1. Illustrated Editorial Cover
+
+Use for opening slides.
+
+- Large sans-serif title on one side.
+- Abstract conceptual illustration on the opposite side.
+- Light warm or white background.
+- Small subtitle and source label.
+- Illustration should feel refined, not decorative filler.
+
+## 2. Conceptual Thesis
+
+Use for strategic argument slides.
+
+- One concise headline.
+- One large abstract illustration that expresses the concept.
+- 2-3 supporting notes placed around the illustration.
+- Keep the layout spacious and asymmetric.
+
+## 3. Workflow Illustration
+
+Use for process, agent flow, product journey, or system explanation.
+
+- Use smooth connected shapes or curved paths.
+- Add tiny human or object elements only if they clarify meaning.
+- Use muted blue for stable structure and dusty orange for the active path.
+- Keep labels short.
+
+## 4. Idea Map
+
+Use for themes, insights, or grouped concepts.
+
+- Central abstract shape or cluster.
+- Supporting concepts arranged around it.
+- Use thin lines or curved connectors.
+- Avoid dense mind-map complexity.
+
+## 5. People And Collaboration
+
+Use for user stories, team workflows, or adoption narratives.
+
+- Use simplified human figures with refined proportions.
+- Avoid cartoon faces and exaggerated expressions.
+- Pair people with abstract UI panels or idea shapes.
+- Use warm spacing and calm composition.
+
+## 6. Evidence With Illustration
+
+Use for metrics or proof.
+
+- One key metric or statement.
+- Small illustration that reinforces the insight.
+- Minimal chart marks.
+- Direct label, no dense axis system.
+
+## 7. Closing Idea
+
+Use for final takeaway.
+
+- Short closing headline.
+- Small conceptual illustration or abstract mark.
+- Large negative space.
+- Quiet final note or next-step line.
diff --git a/modern-illustration-editorial-ppt-skill/references/style-system.md b/modern-illustration-editorial-ppt-skill/references/style-system.md
new file mode 100644
index 0000000..8ce981b
--- /dev/null
+++ b/modern-illustration-editorial-ppt-skill/references/style-system.md
@@ -0,0 +1,92 @@
+# Style System
+
+## Core Look
+
+High-end editorial PPT design with modern vector illustration. The deck should feel calm, intelligent, clean, and slightly artistic, inspired by refined tech and lifestyle illustration systems.
+
+## Canvas
+
+- Aspect ratio: 16:9
+- Default SVG viewBox: `0 0 1280 720`
+- Background options: `#FFFFFF` or `#F7F3EE`
+- Safe margin: 72 px minimum
+- Preferred content width: 1020-1120 px
+- Texture: optional, extremely subtle, low-opacity dots or paper-like noise simulated with sparse vector marks
+
+## Palette
+
+- Soft Beige: `#F7F3EE`
+- Muted Blue: `#A7C7E7`
+- Dusty Orange: `#E8A87C`
+- Charcoal Gray: `#2F2F2F`
+- White: `#FFFFFF`
+- Pale Blue: `#EAF4FC`
+- Pale Orange: `#FCE8DA`
+- Divider: `#DED8D1`
+
+Use blue and orange as illustration colors and accent signals. Charcoal is the primary text color.
+
+## Typography
+
+Use modern sans-serif typography.
+
+- Preferred fonts: `Inter`, `Arial`, `Helvetica`, `Microsoft JhengHei`, `Microsoft YaHei`, sans-serif.
+- Cover title: 54-72 px, 700-800 weight.
+- Slide title: 36-48 px, 700-800 weight.
+- Section label: 11-13 px, 600-700 weight.
+- Body: 18-24 px, 400-500 weight.
+- Caption: 12-15 px, 400-500 weight.
+- Line height: 1.08-1.18 for titles, 1.35-1.55 for body.
+- Letter spacing: 0.
+
+## Layout Rules
+
+- Use asymmetry: one strong illustration area and one clear text area.
+- Preserve large negative space.
+- Do not center everything by default.
+- Keep modules light and open.
+- Use thin dividers only when needed.
+- Avoid over-framing the illustration.
+
+## Illustration Rules
+
+Illustrations should be conceptual, smooth, and refined.
+
+- Subjects: people, workflows, product ideas, abstract systems, collaboration, decision paths, knowledge flow.
+- Shape language: smooth curves, rounded organic forms, layered flat shapes.
+- Detail level: refined but sparse; avoid busy scenes.
+- Proportions: balanced and editorial, not exaggerated cartoon proportions.
+- Gradients: allowed, but subtle and local.
+- Shadows: allowed only as soft, pale grounding shadows under illustration layers.
+- Stroke: minimal and thin, preferably charcoal or muted palette tones.
+
+## Texture Rules
+
+Texture should be nearly invisible. Use it only to avoid sterile flatness.
+
+- Low-opacity dot fields
+- Tiny warm gray speckles
+- Sparse background marks
+
+Do not create dirty, noisy, or paper-heavy backgrounds.
+
+## Data And Diagrams
+
+If diagrams are needed, make them feel illustrated and editorial.
+
+- Use rounded nodes, curved paths, and layered shapes.
+- Use direct labels.
+- Keep chart density low.
+- Avoid dashboard UI aesthetics.
+
+## Forbidden Treatments
+
+- Cartoon mascots
+- 3D realism
+- Heavy drop shadows
+- Glossy highlights
+- Neon colors
+- Dense dashboards
+- Clipart
+- Overly playful stickers
+- Busy full-scene illustrations
diff --git a/soft-3d-clay-ppt-skill/assets/examples/01_cover.svg b/soft-3d-clay-ppt-skill/assets/examples/01_cover.svg
index 639d300..849fbb5 100644
--- a/soft-3d-clay-ppt-skill/assets/examples/01_cover.svg
+++ b/soft-3d-clay-ppt-skill/assets/examples/01_cover.svg
@@ -1,41 +1,69 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
-
- SOFT 3D / MANAGED AGENTS
-
+ SOFT 3D / CLAYMORPHISM PPT STYLE
+
+
+ Soft 3D
+ Clay
+ Presentation
+
+ Minimal, friendly, tactile, and professional.
+ Soft matte geometric shapes, pastel warmth, airy spacing, and UI-like clarity.
+
+
+
+
+
+
+
+
+
+
+
+ MATTE GEOMETRY / SOFT CORNERS
-
- ScalingManagedAgentsDecoupling the brain from the hands
- A softer interface story for long-horizon agents:stable contracts, replaceable hands, durable sessions.
-
-
-
-
-
-
-
+
+ COLOR PALETTE
+
+
+
+
+ #FDF5E6
+ #B2AC88
+ #DBADAD
+ #333333
-
-
- Source: Anthropic Engineering
- 01 / 03
-
-
\ No newline at end of file
+ 16:9 / warm beige canvas / sage green / morandi pink / soft matte 3D accents / airy modern layout
+