hermes-agent/skills/creative/baoyu-article-illustrator/references/style-presets.md
Jim Liu 宝玉 4bd297094a feat(skills): adapt baoyu-article-illustrator for Hermes
Adapts the upstream baoyu-article-illustrator skill (verbatim-copied in
the previous commit) to Hermes' tool ecosystem, matching the pattern
used by baoyu-infographic.

- Metadata: openclaw → hermes; add author, license, tags, category
- Triggering: slash command + CLI flags → natural language
- User config: remove EXTEND.md, first-time-setup, preferences-schema
- User prompts: AskUserQuestion (batched) → clarify (one at a time)
- Image gen: baoyu-imagine → image_generate (describe refs in prompt text)
- Platform: drop Windows/PowerShell; Linux/macOS only
- File ops: switch to write_file / read_file
- Watermark: opt-in per-article instead of EXTEND.md-driven
- Add PORT_NOTES.md describing the adaptation and sync procedure

Style, palette, and prompt/system.md reference files are verbatim copies
and are the sync points with upstream.
2026-05-18 18:28:56 -07:00

4.7 KiB

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.