mirror of
https://github.com/JimLiu/baoyu-skills.git
synced 2026-07-12 05:51:44 +08:00
Jim Liu 宝玉
4bd5fe573e
Make `hand-drawn-edu` (infographic + sketch-notes + macaron) the universal fallback preset when content analysis surfaces no strong signal. Rework sketch-notes style spec around warm cream paper + black hand-drawn lines + soft pastel section blocks. - Change `hand-drawn-edu` preset type from flowchart to infographic; add `hand-drawn-edu-flow` (flowchart) and `hand-drawn-edu-compare` (comparison) as variants for users who need those layouts in the same warm style - Elevate `sketch-notes` to primary style across infographic / flowchart / comparison / framework auto-selection; add sketch-notes column to Type x Style compatibility matrix - Rewrite sketch-notes.md: macaron pastel palette, canonical single-page layout (title / sectioned boxes / takeaway), diagram-only rule - Add infographic + sketch-notes + macaron prompt block to prompt-construction.md - Update workflow, style-presets, and first-time-setup defaults to match
5.6 KiB
5.6 KiB
Style Presets
--preset X expands to a type + style + optional palette combination. Users can override any dimension.
Default Preset
When 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.
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 |
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 |
hand-drawn-edu-flow |
flowchart |
sketch-notes |
macaron |
Hand-drawn process explainer — step-by-step workflow in the same warm educational style |
hand-drawn-edu-compare |
comparison |
sketch-notes |
macaron |
Hand-drawn side-by-side comparison in the warm educational style |
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 |
|---|---|---|
| General / No strong signal | hand-drawn-edu |
edu-visual, knowledge-base |
| Education / Knowledge | hand-drawn-edu |
edu-visual, knowledge-base, tutorial |
| Tutorial | hand-drawn-edu-flow |
tutorial, process-flow, hand-drawn-edu |
| SaaS / Product | hand-drawn-edu |
saas-guide, knowledge-base, process-flow, warm-knowledge |
| Technical | tech-explainer |
system-design, architecture, hand-drawn-edu |
| Methodology / Framework | system-design |
architecture, process-flow |
| Data / Metrics | data-report |
versus, tech-explainer |
| Comparison / Review | versus |
business-compare, hand-drawn-edu-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 |
Override Examples
--preset tech-explainer --style notion= infographic type with notion style--preset storytelling --type timeline= timeline type with warm style
Explicit --type/--style flags always override preset values.