Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Analyze articles and generate contextual illustrations using Type × Style two-dimension approach across multiple AI providers.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
references/style-presets.md
1# Style Presets23`--preset X` expands to a type + style + optional palette combination. Users can override any dimension.45## Default Preset67When content analysis surfaces no strong signal (generic knowledge article, mixed-topic post, no clear data/comparison/narrative cue), recommend **`hand-drawn-edu`** as the primary option in Step 3 Q1. It is the warm, friendly educational-infographic default — safe for most articles and universally readable.89## By Category1011### Technical & Engineering1213| --preset | Type | Style | Palette | Best For |14|----------|------|-------|---------|----------|15| `tech-explainer` | `infographic` | `blueprint` | — | API docs, system metrics, technical deep-dives |16| `system-design` | `framework` | `blueprint` | — | Architecture diagrams, system design |17| `architecture` | `framework` | `vector-illustration` | — | Component relationships, module structure |18| `science-paper` | `infographic` | `scientific` | — | Research findings, lab results, academic |1920### Knowledge & Education2122| --preset | Type | Style | Palette | Best For |23|----------|------|-------|---------|----------|24| `knowledge-base` | `infographic` | `vector-illustration` | — | Concept explainers, tutorials, how-to |25| `saas-guide` | `infographic` | `notion` | — | Product guides, SaaS docs, tool walkthroughs |26| `tutorial` | `flowchart` | `vector-illustration` | — | Step-by-step tutorials, setup guides |27| `process-flow` | `flowchart` | `notion` | — | Workflow documentation, onboarding flows |28| `warm-knowledge` | `infographic` | `vector-illustration` | `warm` | Product showcases, team intros, feature cards, brand content |29| `edu-visual` | `infographic` | `vector-illustration` | `macaron` | Knowledge summaries, concept explainers, educational articles |30| `hand-drawn-edu` | `infographic` | `sketch-notes` | `macaron` | **Default preset.** Hand-drawn educational infographic — warm cream paper, black lines, pastel blocks. Great for single-page explainers, concept summaries, onboarding, general knowledge articles |31| `hand-drawn-edu-flow` | `flowchart` | `sketch-notes` | `macaron` | Hand-drawn process explainer — step-by-step workflow in the same warm educational style |32| `hand-drawn-edu-compare` | `comparison` | `sketch-notes` | `macaron` | Hand-drawn side-by-side comparison in the warm educational style |33| `ink-notes-compare` | `comparison` | `ink-notes` | `mono-ink` | Before/After essays, Traditional vs New, OS-style comparisons, mindset-shift narratives |34| `ink-notes-flow` | `flowchart` | `ink-notes` | `mono-ink` | Professional process explainers, workforce pipelines, hand-drawn technical walkthroughs |35| `ink-notes-framework` | `framework` | `ink-notes` | `mono-ink` | System analogies, command-center diagrams, architecture-as-metaphor, tech manifestos |3637### Data & Analysis3839| --preset | Type | Style | Palette | Best For |40|----------|------|-------|---------|----------|41| `data-report` | `infographic` | `editorial` | — | Data journalism, metrics reports, dashboards |42| `versus` | `comparison` | `vector-illustration` | — | Tech comparisons, framework shootouts |43| `business-compare` | `comparison` | `elegant` | — | Product evaluations, strategy options |4445### Narrative & Creative4647| --preset | Type | Style | Palette | Best For |48|----------|------|-------|---------|----------|49| `storytelling` | `scene` | `warm` | — | Personal essays, reflections, growth stories |50| `lifestyle` | `scene` | `watercolor` | — | Travel, wellness, lifestyle, creative |51| `history` | `timeline` | `elegant` | — | Historical overviews, milestones |52| `evolution` | `timeline` | `warm` | — | Progress narratives, growth journeys |5354### Editorial & Opinion5556| --preset | Type | Style | Palette | Best For |57|----------|------|-------|---------|----------|58| `opinion-piece` | `scene` | `screen-print` | — | Op-eds, commentary, critical essays |59| `editorial-poster` | `comparison` | `screen-print` | — | Debate, contrasting viewpoints |60| `cinematic` | `scene` | `screen-print` | — | Dramatic narratives, cultural essays |6162## Content Type → Preset Recommendations6364Use this table during Step 3 to recommend presets based on Step 2 content analysis:6566| Content Type (Step 2) | Primary Preset | Alternatives |67|------------------------|----------------|--------------|68| **General / No strong signal** | `hand-drawn-edu` | `edu-visual`, `knowledge-base` |69| Education / Knowledge | `hand-drawn-edu` | `edu-visual`, `knowledge-base`, `tutorial` |70| Tutorial | `hand-drawn-edu-flow` | `tutorial`, `process-flow`, `hand-drawn-edu` |71| SaaS / Product | `hand-drawn-edu` | `saas-guide`, `knowledge-base`, `process-flow`, `warm-knowledge` |72| Technical | `tech-explainer` | `system-design`, `architecture`, `hand-drawn-edu` |73| Methodology / Framework | `system-design` | `architecture`, `process-flow` |74| Data / Metrics | `data-report` | `versus`, `tech-explainer` |75| Comparison / Review | `versus` | `business-compare`, `hand-drawn-edu-compare`, `editorial-poster`, `ink-notes-compare` |76| Manifesto / Mindset shift / Professional visual note | `ink-notes-compare` | `ink-notes-framework`, `ink-notes-flow` |77| Narrative / Personal | `storytelling` | `lifestyle`, `evolution` |78| Opinion / Editorial | `opinion-piece` | `cinematic`, `editorial-poster` |79| Historical / Timeline | `history` | `evolution` |80| Academic / Research | `science-paper` | `tech-explainer`, `data-report` |8182## Override Examples8384- `--preset tech-explainer --style notion` = infographic type with notion style85- `--preset storytelling --type timeline` = timeline type with warm style8687Explicit `--type`/`--style` flags always override preset values.88