メニュー
Generates presentation design systems with consistent slide templates, typography rules, and color schemes mapped to Universal Design System palettes. Use when the user asks for slide design, presentation design, or deck templates.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | slides-design-system |
| description | Generates presentation design systems with consistent slide templates, typography rules, and color schemes mapped to Universal Design System palettes. Use when the user asks for slide design, presentation design, or deck templates. |
| version | 0.4.0 |
| triggers | ["presentation design","slide design","slide deck","pitch deck","keynote","powerpoint","google slides","slide template","presentation template","deck design","presentation palette","slide layout"] |
Generate consistent presentation design systems with slide templates, typography rules for large-screen readability, data visualization colors, and animation recommendations — all driven by Universal Design System palettes.
Classify the presentation:
Map context to Universal Design System palette:
| Context | Palette | Reasoning |
|---|---|---|
| Startup Pitch | gradient-startup | Energy, bold, memorable |
| Enterprise Sales | corporate | Trust, professionalism |
| Tech/AI Demo | ai-futuristic | Innovation, cutting-edge |
| Education | illustration | Friendly, approachable |
| Brand/Luxury | apple-minimal | Premium, refined |
| Analytics Report | dashboard | Data-focused, clean |
| Creative Agency | bold-lifestyle | Bold, impactful |
| Professional Services | minimal-corporate | Subtle, authoritative |
1. Title Slide
--text-display-xl equivalent (48-72pt)--text-body-lg equivalent (24-28pt)--text-body-sm equivalent (16-18pt)2. Content Slide
3. Comparison Slide
4. Data/Chart Slide
5. Quote Slide
6. Section Divider
7. Closing/CTA Slide
| Element | Size | Weight | Line Height |
|---|---|---|---|
| Hero Title | 48-72pt | 800 | 1.1 |
| Section Title | 36-44pt | 700 | 1.2 |
| Subtitle | 28-32pt | 600 | 1.3 |
| Body Text | 24-28pt | 400 | 1.5 |
| Caption | 16-18pt | 400 | 1.4 |
| Footnote | 14pt | 400 | 1.3 |
Rules:
| Format | Dimensions | Safe Margin |
|---|---|---|
| 16:9 (standard) | 1920x1080px | 96px (5%) all sides |
| 4:3 (classic) | 1024x768px | 51px (5%) all sides |
| Transition | When to Use | Duration |
|---|---|---|
| Fade | Default, between any slides | 300ms |
| Slide Left | Sequential content flow | 400ms |
| None | Data-heavy slides, formal | 0ms |
| Scale In | Emphasis reveals | 250ms |
Rules:
Palette: gradient-startup with ai-futuristic accents
Typography: Space Grotesk (headings) + Inter (body)
Slides: 10-12 slides for a seed pitch
Powered by Universal Design System v0.4.0
Generates complete brand identity systems with color psychology, typography pairings, and visual identity rules mapped to Universal Design System palettes. Use when the user asks for brand identity, brand design, brand colors, style guide, or visual identity.
Component documentation and Storybook: stories, MDX, props tables, usage guidelines from UDS component specs.
Audits existing UIs for WCAG accessibility, color contrast, typography hierarchy, spacing consistency, and industry anti-patterns. Generates scored reports with actionable fixes. Use when the user asks for design audit, UI audit, accessibility audit, or design review.
Design system governance and scaling: centralized vs federated, lifecycle, contribution model, multi-team adoption.
Figma to code handoff using UDS tokens. Align Figma variables with design-tokens.json, naming conventions, Dev Mode, and token sync.
Internationalization and right-to-left layout using UDS localization data. Logical CSS properties, dir="rtl", text expansion, and RTL mapper for existing CSS.