Style Presets

A preset expands to a type + style + optional palette combination. Users can override any dimension in their request.

By Category

Technical & Engineering

Preset	Type	Style	Palette	Best For
`tech-explainer`	`infographic`	`blueprint`	—	API docs, system metrics, technical deep-dives
`system-design`	`framework`	`blueprint`	—	Architecture diagrams, system design
`architecture`	`framework`	`vector-illustration`	—	Component relationships, module structure
`science-paper`	`infographic`	`scientific`	—	Research findings, lab results, academic

Knowledge & Education

Preset	Type	Style	Palette	Best For
`knowledge-base`	`infographic`	`vector-illustration`	—	Concept explainers, tutorials, how-to
`saas-guide`	`infographic`	`notion`	—	Product guides, SaaS docs, tool walkthroughs
`tutorial`	`flowchart`	`vector-illustration`	—	Step-by-step tutorials, setup guides
`process-flow`	`flowchart`	`notion`	—	Workflow documentation, onboarding flows
`warm-knowledge`	`infographic`	`vector-illustration`	`warm`	Product showcases, team intros, feature cards, brand content
`edu-visual`	`infographic`	`vector-illustration`	`macaron`	Knowledge summaries, concept explainers, educational articles
`hand-drawn-edu`	`flowchart`	`sketch-notes`	`macaron`	Hand-drawn educational diagrams, process explainers, onboarding visuals
`ink-notes-compare`	`comparison`	`ink-notes`	`mono-ink`	Before/After essays, Traditional vs New, OS-style comparisons, mindset-shift narratives
`ink-notes-flow`	`flowchart`	`ink-notes`	`mono-ink`	Professional process explainers, workforce pipelines, hand-drawn technical walkthroughs
`ink-notes-framework`	`framework`	`ink-notes`	`mono-ink`	System analogies, command-center diagrams, architecture-as-metaphor, tech manifestos

Data & Analysis

Preset	Type	Style	Palette	Best For
`data-report`	`infographic`	`editorial`	—	Data journalism, metrics reports, dashboards
`versus`	`comparison`	`vector-illustration`	—	Tech comparisons, framework shootouts
`business-compare`	`comparison`	`elegant`	—	Product evaluations, strategy options

Narrative & Creative

Preset	Type	Style	Palette	Best For
`storytelling`	`scene`	`warm`	—	Personal essays, reflections, growth stories
`lifestyle`	`scene`	`watercolor`	—	Travel, wellness, lifestyle, creative
`history`	`timeline`	`elegant`	—	Historical overviews, milestones
`evolution`	`timeline`	`warm`	—	Progress narratives, growth journeys

Editorial & Opinion

Preset	Type	Style	Palette	Best For
`opinion-piece`	`scene`	`screen-print`	—	Op-eds, commentary, critical essays
`editorial-poster`	`comparison`	`screen-print`	—	Debate, contrasting viewpoints
`cinematic`	`scene`	`screen-print`	—	Dramatic narratives, cultural essays

Content Type → Preset Recommendations

Use this table during Step 3 to recommend presets based on Step 2 content analysis:

Content Type (Step 2)	Primary Preset	Alternatives
Technical	`tech-explainer`	`system-design`, `architecture`
Tutorial	`tutorial`	`process-flow`, `knowledge-base`, `edu-visual`
Methodology / Framework	`system-design`	`architecture`, `process-flow`
Data / Metrics	`data-report`	`versus`, `tech-explainer`
Comparison / Review	`versus`	`business-compare`, `editorial-poster`, `ink-notes-compare`
Manifesto / Mindset shift / Professional visual note	`ink-notes-compare`	`ink-notes-framework`, `ink-notes-flow`
Narrative / Personal	`storytelling`	`lifestyle`, `evolution`
Opinion / Editorial	`opinion-piece`	`cinematic`, `editorial-poster`
Historical / Timeline	`history`	`evolution`
Academic / Research	`science-paper`	`tech-explainer`, `data-report`
SaaS / Product	`saas-guide`	`knowledge-base`, `process-flow`, `warm-knowledge`
Education / Knowledge	`edu-visual`	`knowledge-base`, `tutorial`, `hand-drawn-edu`

Override Examples

"use the tech-explainer preset but swap the style for notion" = infographic type with notion style
"storytelling preset with timeline type" = timeline type with warm style

Explicit type/style/palette mentions in the user's request always override preset values.

Referenced from SKILL.md

SKILL.mdView in source ↗

35Or use presets: `edu-visual` → type + style + palette in one shot. See [style-presets.md](references/style-presets.md).

SKILL.mdView in source ↗

195| [references/styles.md](references/styles.md) | Style gallery + Palette gallery |196| [references/style-presets.md](references/style-presets.md) | Preset shortcuts (type + style + palette) |197| [references/prompt-construction.md](references/prompt-construction.md) | Prompt templates |