@thanh01.pmt/presentation-kit 0.2.17 → 0.3.0

package/dist/chunk-HSVXH7DD.cjs

@@ -0,0 +1,1624 @@
+'use strict';
+
+var zod = require('zod');
+
+// src/skills/catalog.ts
+var TEMPLATES_CATALOG = [
+  {
+    "slug": "8-bit-orbit",
+    "name": "8-Bit Orbit",
+    "tagline": "Pixel-art neon arcade aesthetic on a deep navy void.",
+    "mood": [
+      "retro-tech",
+      "playful",
+      "cyberpunk",
+      "energetic"
+    ],
+    "occasion": [
+      "gaming pitch",
+      "hackathon demo",
+      "web3 / crypto deck",
+      "indie product launch",
+      "developer tools",
+      "synthwave brand"
+    ],
+    "tone": [
+      "geeky",
+      "neon",
+      "rebellious",
+      "sci-fi"
+    ],
+    "formality": "low",
+    "density": "medium",
+    "scheme": "dark",
+    "best_for": "Anything that should feel like a CRT screen at 2am: cyberpunk, gaming, web3, indie dev tools, hackathon demos. Just as good for a tech talk that wants to lean into nostalgic-digital craft, a synthwave brand deck, or a creative review that wants to feel like a console.",
+    "avoid_for": "Contexts where the dark neon palette would actively work against the message \u2014 quiet institutional finance disclosures, healthcare patient-facing materials, traditional luxury.",
+    "slide_count": 10
+  },
+  {
+    "slug": "biennale-yellow",
+    "name": "Biennale Yellow",
+    "tagline": "Solar yellow on warm parchment with deep indigo serif and atmospheric sun-glow gradients.",
+    "mood": [
+      "editorial",
+      "atmospheric",
+      "warm",
+      "cultural-institution",
+      "poster-like"
+    ],
+    "occasion": [
+      "exhibition or biennale",
+      "arts institution programme",
+      "design or typography conference",
+      "literary or curatorial publication",
+      "studio annual report",
+      "museum season announcement"
+    ],
+    "tone": [
+      "literary",
+      "considered",
+      "contemplative",
+      "warm-modern",
+      "Dutch-editorial"
+    ],
+    "formality": "high",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel like an art-biennale poster or a museum's annual programme: exhibition decks, arts-institution announcements, design conference brochures, curatorial pitches, literary publications, studio retrospectives. Equally good for any deck wanting Dutch-editorial atmosphere with an unmistakable single-color signature.",
+    "avoid_for": "Decks that need visual punch or saturated multi-color energy \u2014 the warm-paper canvas and one-yellow palette are intentionally quiet and atmospheric.",
+    "slide_count": 8
+  },
+  {
+    "slug": "block-frame",
+    "name": "BlockFrame",
+    "tagline": "Neobrutalist deck with pastel-neon color blocks and chunky black borders.",
+    "mood": [
+      "bold",
+      "playful",
+      "graphic",
+      "fresh"
+    ],
+    "occasion": [
+      "creative agency pitch",
+      "indie SaaS launch",
+      "designer portfolio",
+      "brand redesign",
+      "modern startup deck"
+    ],
+    "tone": [
+      "confident",
+      "graphic",
+      "pop",
+      "design-led"
+    ],
+    "formality": "medium-low",
+    "density": "high",
+    "scheme": "light",
+    "best_for": "Anything that should feel pop-graphic and design-led: indie SaaS launches, agency credentials, creative reviews, brand redesigns. Also a strong unexpected pick for tech, finance, or research when the speaker wants to land as confident and contemporary rather than buttoned-up.",
+    "avoid_for": "Contexts that require quiet institutional restraint or traditional weight (regulated disclosures, formal legal briefs).",
+    "slide_count": 10
+  },
+  {
+    "slug": "blue-professional",
+    "name": "Blue Professional",
+    "tagline": "Cream paper background with electric cobalt blue accents; clean modern professional.",
+    "mood": [
+      "professional",
+      "modern",
+      "calm",
+      "trustworthy"
+    ],
+    "occasion": [
+      "B2B SaaS pitch",
+      "consulting deliverable",
+      "internal review",
+      "advisory pitch",
+      "investor update"
+    ],
+    "tone": [
+      "clean",
+      "considered",
+      "polished",
+      "neutral"
+    ],
+    "formality": "medium-high",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel modern-considered and lightly authoritative: B2B SaaS pitches, consulting deliverables, advisory updates, investor reports. Also a clean, tasteful choice whenever you want to read as professional without going stiff \u2014 research synthesis, internal reviews, brand work for service businesses.",
+    "avoid_for": "Contexts where the deck should feel hot, playful, or intentionally informal \u2014 the cool electric-blue restraint will read as overly polished.",
+    "slide_count": 10
+  },
+  {
+    "slug": "bold-poster",
+    "name": "Bold Poster",
+    "tagline": "Editorial poster aesthetic with massive Shrikhand display and a single fire-engine red accent.",
+    "mood": [
+      "bold",
+      "editorial",
+      "loud",
+      "confident"
+    ],
+    "occasion": [
+      "brand manifesto",
+      "creative-led pitch",
+      "magazine / editorial",
+      "founder vision deck",
+      "art / culture"
+    ],
+    "tone": [
+      "dramatic",
+      "graphic",
+      "sharp",
+      "intentional"
+    ],
+    "formality": "medium",
+    "density": "low",
+    "scheme": "light",
+    "best_for": "Anything that should land like a magazine cover: brand manifestos, founder vision decks, editorial / cultural pitches, creative reviews. Excellent any time you want a few words to feel like a poster \u2014 including unexpected fits like a tech keynote or a finance manifesto that wants to be quotable.",
+    "avoid_for": "Decks that need to communicate dense information per slide \u2014 the layout is built around a few large statements, not paragraphs of detail.",
+    "slide_count": 10
+  },
+  {
+    "slug": "broadside",
+    "name": "Broadside",
+    "tagline": "Dark editorial canvas with a single fire orange accent and bilingual Latin/Chinese type stack.",
+    "mood": [
+      "editorial",
+      "dramatic",
+      "loud",
+      "newspaper"
+    ],
+    "occasion": [
+      "brand manifesto",
+      "founder vision deck",
+      "magazine / cultural pitch",
+      "design talk",
+      "bilingual EN/CN deck",
+      "campaign launch"
+    ],
+    "tone": [
+      "graphic",
+      "punchy",
+      "literary",
+      "considered"
+    ],
+    "formality": "medium-high",
+    "density": "medium",
+    "scheme": "dark",
+    "best_for": "Anything that should land like a broadside newspaper headline: brand manifestos, magazine and cultural pitches, design talks, bilingual EN/CN decks, founder vision statements. Also a striking pick for tech, research, or business decks that want a dramatic single-accent editorial feel.",
+    "avoid_for": "Decks that need to feel quiet, warm, or institutionally traditional \u2014 the dark canvas with fire-orange accent commits to drama.",
+    "slide_count": 20
+  },
+  {
+    "slug": "capsule",
+    "name": "Capsule",
+    "tagline": "Modular pill-shaped cards on warm bone with a full pastel-pop palette.",
+    "mood": [
+      "playful",
+      "modern",
+      "warm",
+      "fresh",
+      "fun"
+    ],
+    "occasion": [
+      "lifestyle brand",
+      "creator portfolio",
+      "DTC product launch",
+      "wellness or beauty pitch",
+      "Y2K-tinged brand work"
+    ],
+    "tone": [
+      "upbeat",
+      "graphic",
+      "approachable",
+      "cool"
+    ],
+    "formality": "medium-low",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel modular, modern, and a little Y2K: lifestyle brands, creator portfolios, DTC launches, beauty / wellness, agency credentials. Also fun for a playful tech demo or a research deck that wants pop-art clarity instead of gravitas.",
+    "avoid_for": "Contexts that require traditional institutional weight \u2014 the capsule shapes and pastel pops actively soften authority.",
+    "slide_count": 10
+  },
+  {
+    "slug": "cartesian",
+    "name": "Cartesian",
+    "tagline": "Quiet warm-neutral palette with classical Playfair serifs; tasteful and unhurried.",
+    "mood": [
+      "quiet",
+      "considered",
+      "elegant",
+      "warm-minimal"
+    ],
+    "occasion": [
+      "investment thesis",
+      "white paper",
+      "advisory deliverable",
+      "research report",
+      "book / longform pitch",
+      "gallery / cultural"
+    ],
+    "tone": [
+      "classical",
+      "literary",
+      "restrained",
+      "confident-quiet"
+    ],
+    "formality": "high",
+    "density": "low",
+    "scheme": "light",
+    "best_for": "Anything that should feel quiet, considered, and grown-up: investment theses, white papers, advisory work, longform research, gallery / cultural decks. Also a strong choice for editorial features, founder reflections, or any deck where restraint is the message \u2014 including across tech and finance.",
+    "avoid_for": "Decks that need visual heat, multiple accents, or a sense of urgency \u2014 the warm-neutral palette is intentionally low-energy.",
+    "slide_count": 10
+  },
+  {
+    "slug": "cobalt-grid",
+    "name": "Cobalt Grid",
+    "tagline": "Electric cobalt serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules.",
+    "mood": [
+      "editorial",
+      "design-research",
+      "studious",
+      "modernist",
+      "tech-print",
+      "monochrome"
+    ],
+    "occasion": [
+      "design trend or research report",
+      "studio annual or seasonal bulletin",
+      "creative agency capabilities deck",
+      "art or architecture publication",
+      "academic / curatorial publication",
+      "newsletter or zine pitch"
+    ],
+    "tone": [
+      "considered",
+      "literary",
+      "studious",
+      "quietly-modern",
+      "editorial"
+    ],
+    "formality": "high",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel like a quietly serious design / research bulletin, art publication, or curated trend report. Strong for studio annuals, agency capabilities decks, design-research publications, architecture / art / academic decks, and any deck wanting one strict accent colour and a printed-ledger calmness rather than corporate polish.",
+    "avoid_for": "Decks that need warmth, multi-colour energy, or a casual / playful voice \u2014 the strict cobalt + cream + grid palette is intentionally austere.",
+    "slide_count": 8
+  },
+  {
+    "slug": "coral",
+    "name": "Coral",
+    "tagline": "Cream and coral on near-black, set in oversized Bebas Neue.",
+    "mood": [
+      "bold",
+      "warm",
+      "modern",
+      "confident"
+    ],
+    "occasion": [
+      "fashion / beauty pitch",
+      "fitness brand",
+      "F&B brand deck",
+      "lifestyle launch",
+      "creative agency"
+    ],
+    "tone": [
+      "graphic",
+      "punchy",
+      "magazine"
+    ],
+    "formality": "medium",
+    "density": "medium",
+    "scheme": "mixed",
+    "best_for": "Anything that should feel warm-graphic and editorial: fashion, beauty, fitness, F&B, lifestyle brands, agency credentials. Just as strong for a creator portfolio, a manifesto, or a tech / research deck that wants warmth and a single bold accent instead of corporate cool.",
+    "avoid_for": "Contexts that should feel quiet or institutional \u2014 the coral accent and oversized Bebas Neue commit hard to a confident magazine voice.",
+    "slide_count": 10
+  },
+  {
+    "slug": "creative-mode",
+    "name": "Creative Mode",
+    "tagline": "Cream paper canvas with confident multi-color (green, pink, orange, yellow) accents and Archivo Black display.",
+    "mood": [
+      "creative",
+      "confident",
+      "playful",
+      "design-led"
+    ],
+    "occasion": [
+      "creative agency pitch",
+      "design studio deck",
+      "ad shop credentials",
+      "brand creative review",
+      "concept presentation"
+    ],
+    "tone": [
+      "graphic",
+      "expressive",
+      "modern"
+    ],
+    "formality": "medium",
+    "density": "medium-high",
+    "scheme": "light",
+    "best_for": "Anything that should feel design-led and confident: creative agency pitches, design studio decks, ad shop credentials, brand creative reviews, art-direction reviews. Also a great unexpected pick for a tech talk, research findings, or finance review when the speaker wants to lead with taste rather than convention.",
+    "avoid_for": "Contexts that demand institutional restraint and a quiet authority \u2014 the saturated multi-accent palette will read as expressive, not formal.",
+    "slide_count": 8
+  },
+  {
+    "slug": "daisy-days",
+    "name": "Daisy Days",
+    "tagline": "Cheerful pastel deck with hand-drawn daisies, stars, and rainbows. Friendly, soft, and warm.",
+    "mood": [
+      "cheerful",
+      "playful",
+      "warm",
+      "sunny",
+      "wholesome"
+    ],
+    "occasion": [
+      "education / classroom",
+      "kids product launch",
+      "wellness program",
+      "community workshop",
+      "creator portfolio (craft / illustration)",
+      "team kickoff",
+      "wedding / baby shower planning"
+    ],
+    "tone": [
+      "friendly",
+      "soft",
+      "encouraging",
+      "approachable",
+      "lighthearted"
+    ],
+    "formality": "low",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel friendly, soft, and joyful: educational content, kids and family, wellness programs, community workshops, creator portfolios for craft / illustration. Also lovely for an unexpected playful internal kickoff, a wedding planning deck, or any moment where warmth is the message \u2014 including across tech or business contexts.",
+    "avoid_for": "Contexts where the audience explicitly expects authority and precision \u2014 the hand-drawn pastel SVG decorations are the opposite of buttoned-up.",
+    "slide_count": 10
+  },
+  {
+    "slug": "editorial-forest",
+    "name": "Editorial Forest",
+    "tagline": "Forest green, dusty pink, and warm cream meet Source Serif 4 in a quiet, intentional quarterly-review deck.",
+    "mood": [
+      "editorial",
+      "quiet",
+      "considered",
+      "warm",
+      "intentional"
+    ],
+    "occasion": [
+      "quarterly review",
+      "internal readout",
+      "studio update",
+      "creative agency deck",
+      "research recap"
+    ],
+    "tone": [
+      "literary",
+      "thoughtful",
+      "warm",
+      "low-pressure"
+    ],
+    "formality": "medium",
+    "density": "medium",
+    "scheme": "mixed",
+    "best_for": "Anything that should feel like a considered editorial \u2014 quarterly reviews, internal readouts, studio updates, creative-agency presentations. Equally good for any deck that wants to feel warm and unhurried rather than corporate, including research recaps, book or program announcements, and team retrospectives.",
+    "avoid_for": "Contexts that need to feel urgent, punchy, or sales-driven \u2014 the palette and rhythm are intentionally quiet.",
+    "slide_count": 8
+  },
+  {
+    "slug": "editorial-tri-tone",
+    "name": "Editorial Tri-Tone",
+    "tagline": "Three-color editorial system: dusty pink, mustard cream, and deep burgundy, set in Bricolage + Instrument Serif.",
+    "mood": [
+      "editorial",
+      "warm",
+      "intentional",
+      "moody"
+    ],
+    "occasion": [
+      "editorial / magazine pitch",
+      "fashion brand deck",
+      "lifestyle media",
+      "literary / cultural",
+      "art direction review"
+    ],
+    "tone": [
+      "literary",
+      "warm",
+      "considered",
+      "stylish"
+    ],
+    "formality": "medium-high",
+    "density": "medium",
+    "scheme": "mixed",
+    "best_for": "Anything that should feel like a fashion-magazine spread: editorial pitches, fashion brand decks, lifestyle media, art direction reviews. Equally good for any deck \u2014 including tech, research, or business \u2014 that wants tri-tone discipline and serif/sans contrast instead of the usual neutrals.",
+    "avoid_for": "Decks that need to read as soft or comforting \u2014 the burgundy/pink/cream tri-tone is intentionally high-contrast and styled.",
+    "slide_count": 8
+  },
+  {
+    "slug": "emerald-editorial",
+    "name": "Emerald Editorial",
+    "tagline": "A magazine-cover business deck: emerald + navy + paper, double-rule masthead ornaments, and a bold Bodoni-style display serif.",
+    "mood": [
+      "editorial",
+      "considered",
+      "confident",
+      "magazine-cover"
+    ],
+    "occasion": [
+      "leadership presentation",
+      "quarterly review",
+      "strategy readout",
+      "planning office deck",
+      "executive briefing"
+    ],
+    "tone": [
+      "literary",
+      "authoritative",
+      "warm",
+      "designed"
+    ],
+    "formality": "medium-high",
+    "density": "medium",
+    "scheme": "mixed",
+    "best_for": "Anything that should feel like the front of a serious magazine, including but not limited to leadership readouts, planning-office reviews, and strategy briefings. The double-rule masthead ornament gives it editorial gravitas without making it stiff \u2014 also a great unexpected pick for product launches or research recaps that want to feel considered rather than corporate.",
+    "avoid_for": "Contexts that need to read as quiet, neutral, or institutionally restrained \u2014 the emerald field is too saturated to disappear into the background.",
+    "slide_count": 8
+  },
+  {
+    "slug": "grove",
+    "name": "Grove",
+    "tagline": "Forest-green canvas with cream type, classical Playfair serifs, and a single rust accent.",
+    "mood": [
+      "organic",
+      "considered",
+      "warm",
+      "literary",
+      "natural"
+    ],
+    "occasion": [
+      "sustainability brand",
+      "wellness brand",
+      "outdoor / nature product",
+      "winery or restaurant",
+      "literary or arts deck",
+      "advisory deliverable",
+      "bilingual EN/CN deck"
+    ],
+    "tone": [
+      "classical",
+      "warm",
+      "considered",
+      "patient"
+    ],
+    "formality": "medium-high",
+    "density": "medium",
+    "scheme": "mixed",
+    "best_for": "Anything that should feel organic, considered, and grown-up: sustainability and wellness brands, outdoor / nature products, wineries and restaurants, literary or arts decks, advisory deliverables, bilingual EN/CN reports. Also a calm, distinctive choice for tech, research, or business decks that want patience over urgency.",
+    "avoid_for": "Decks that need neon energy or rapid-fire pop \u2014 the forest-green canvas and Playfair serif commit to a slow, classical voice.",
+    "slide_count": 12
+  },
+  {
+    "slug": "long-table",
+    "name": "Long Table",
+    "tagline": "Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, Fraunces serifs, and pill-shaped outlined buttons.",
+    "mood": [
+      "warm",
+      "intimate",
+      "modern",
+      "friendly",
+      "small-batch",
+      "social",
+      "hospitality"
+    ],
+    "occasion": [
+      "supper club or dinner series",
+      "event or community gathering",
+      "small hospitality / restaurant brand",
+      "creative studio open house",
+      "membership or subscription pitch",
+      "wine or food brand catalogue",
+      "modern lifestyle brand"
+    ],
+    "tone": [
+      "warm",
+      "playful",
+      "considered",
+      "social",
+      "magazine-friendly",
+      "modern-editorial"
+    ],
+    "formality": "medium",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel like a warm, intimate, modern hospitality / community brand: supper clubs, dinner series, small restaurants, creative-studio events, membership pitches, lifestyle and wine brands. Equally good for any deck wanting a single warm accent colour, mixed-weight typography, and a social-media-aware modern-editorial voice.",
+    "avoid_for": "Decks that need corporate polish, technical density, or a cold / minimalist register \u2014 the rust-red palette and bold serif mix are intentionally warm and people-facing.",
+    "slide_count": 8
+  },
+  {
+    "slug": "mat",
+    "name": "Mat",
+    "tagline": "Dark sage canvas with bone paper and burnt-orange accent; mid-century modern with wood undertones.",
+    "mood": [
+      "warm-modern",
+      "considered",
+      "tactile",
+      "mid-century"
+    ],
+    "occasion": [
+      "design studio credentials",
+      "architecture / interior brand",
+      "ceramics or craft brand",
+      "furniture pitch",
+      "advisory deliverable",
+      "bilingual EN/CN deck"
+    ],
+    "tone": [
+      "warm",
+      "design-led",
+      "intentional",
+      "considered"
+    ],
+    "formality": "medium",
+    "density": "medium",
+    "scheme": "mixed",
+    "best_for": "Anything that should feel mid-century, tactile, and intentional: design studio credentials, architecture / interior brands, ceramics / craft / furniture, advisory decks. Also a warm, distinctive choice for tech, research, or business decks that want a considered analog feel instead of digital-cool.",
+    "avoid_for": "Contexts that need fast tech energy or institutional restraint \u2014 the muted sage and burnt-orange palette is intentionally warm and slow.",
+    "slide_count": 9
+  },
+  {
+    "slug": "monochrome",
+    "name": "Monochrome",
+    "tagline": "Ivory ledger paper with all-black type; Lora serif headlines, Jost body, no color at all.",
+    "mood": [
+      "restrained",
+      "literary",
+      "archival",
+      "ledger"
+    ],
+    "occasion": [
+      "user research synthesis",
+      "white paper",
+      "longform report",
+      "academic deck",
+      "policy brief",
+      "advisory deliverable",
+      "bilingual EN/CN deck"
+    ],
+    "tone": [
+      "literary",
+      "considered",
+      "neutral",
+      "honest"
+    ],
+    "formality": "high",
+    "density": "high",
+    "scheme": "light",
+    "best_for": "Anything that should feel like a hand-typeset ledger: user research synthesis, white papers, longform reports, academic and policy briefs, advisory deliverables, bilingual EN/CN reports. Equally good for tech, design, or brand decks that want their words to be the only thing on the page.",
+    "avoid_for": "Decks that need visual personality or color-led storytelling \u2014 the all-ink palette is intentionally austere.",
+    "slide_count": 18
+  },
+  {
+    "slug": "neo-grid-bold",
+    "name": "Neo-Grid Bold",
+    "tagline": "Editorial neo-brutalism with a single neon yellow accent on off-white paper.",
+    "mood": [
+      "confident",
+      "punchy",
+      "editorial",
+      "modern"
+    ],
+    "occasion": [
+      "product launch",
+      "design review",
+      "founder pitch",
+      "brand deck",
+      "consulting findings",
+      "conference talk"
+    ],
+    "tone": [
+      "bold",
+      "minimal",
+      "design-led",
+      "graphic"
+    ],
+    "formality": "medium",
+    "density": "high",
+    "scheme": "light",
+    "best_for": "Anything that should feel confident and editorial-graphic: design-led pitches, brand work, founder talks, conference keynotes. Excellent for stat-heavy slides, comparisons, and process flows. Just as strong for tech, research, or finance when the speaker wants to read as design-led rather than corporate.",
+    "avoid_for": "Contexts that need to feel quiet, traditional, or warm \u2014 the neon-yellow accent and uppercase display commit to a confident editorial voice.",
+    "slide_count": 13
+  },
+  {
+    "slug": "peoples-platform",
+    "name": "People's Platform (Block & Bold)",
+    "tagline": "Activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush.",
+    "mood": [
+      "activist",
+      "loud",
+      "graphic",
+      "honest"
+    ],
+    "occasion": [
+      "cultural commentary",
+      "manifesto",
+      "community / civic deck",
+      "design talk",
+      "campaign pitch",
+      "founder vision"
+    ],
+    "tone": [
+      "punchy",
+      "direct",
+      "expressive",
+      "warm-bold"
+    ],
+    "formality": "medium-low",
+    "density": "medium-high",
+    "scheme": "light",
+    "best_for": "Anything that should feel honest, loud, and graphic: cultural commentary, manifestos, civic and community decks, design talks, campaign pitches. Excellent for founder-vision moments, mission statements, or any deck \u2014 including across industries \u2014 that wants protest-poster energy instead of corporate polish.",
+    "avoid_for": "Contexts where institutional restraint is the actual goal \u2014 the saturated political-poster palette commits hard to expressive energy.",
+    "slide_count": 10
+  },
+  {
+    "slug": "pin-and-paper",
+    "name": "Pin & Paper",
+    "tagline": "Yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture.",
+    "mood": [
+      "crafted",
+      "handmade",
+      "warm",
+      "thoughtful",
+      "literary"
+    ],
+    "occasion": [
+      "research findings with personality",
+      "qualitative report",
+      "founder reflection",
+      "creator essay deck",
+      "workshop debrief"
+    ],
+    "tone": [
+      "literary",
+      "intimate",
+      "warm",
+      "grounded"
+    ],
+    "formality": "medium",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel hand-crafted, warm, and literary: qualitative research findings, founder reflections, longform brand stories, workshop debriefs. The signature safety-pin illustrations and paper-grain texture make it especially good for any deck \u2014 including tech or business \u2014 that wants personality and warmth over polish.",
+    "avoid_for": "Decks that need to feel digital-native polished or rigorously data-driven \u2014 handwritten Caveat is intentionally informal.",
+    "slide_count": 11
+  },
+  {
+    "slug": "pink-script",
+    "name": "Pink Script \u2014 After Hours",
+    "tagline": "Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury.",
+    "mood": [
+      "nocturnal",
+      "moody",
+      "intentional",
+      "luxe",
+      "expressive"
+    ],
+    "occasion": [
+      "fashion brand deck",
+      "creator personal brand",
+      "after-hours product (nightlife / dating / spirits)",
+      "luxury launch",
+      "editorial feature"
+    ],
+    "tone": [
+      "literary",
+      "sultry",
+      "considered",
+      "magazine"
+    ],
+    "formality": "medium-high",
+    "density": "low",
+    "scheme": "dark",
+    "best_for": "Anything that should feel nocturnal, intentional, and a little luxe: fashion brand decks, creator personal brands, after-hours / nightlife / spirits launches, luxury product reveals, editorial features. Also a striking unexpected pick for a tech keynote, research synthesis, or business pitch that wants to land with magnetic confidence.",
+    "avoid_for": "Daytime corporate-professional and traditional B2B contexts where the dark canvas with hot-pink accent reads as too styled or too expressive.",
+    "slide_count": 9
+  },
+  {
+    "slug": "playful",
+    "name": "Playful",
+    "tagline": "Sun-warm peach background with Syne display: a friendly indie launch deck.",
+    "mood": [
+      "warm",
+      "approachable",
+      "indie",
+      "friendly"
+    ],
+    "occasion": [
+      "creator portfolio",
+      "indie product launch",
+      "lifestyle brand",
+      "small-business pitch",
+      "newsletter / community"
+    ],
+    "tone": [
+      "upbeat",
+      "informal",
+      "welcoming"
+    ],
+    "formality": "low",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel warm, indie, and approachable: creator portfolios, indie product launches, lifestyle brands, small-business pitches, newsletter / community decks. Also welcoming for any deck \u2014 including tech or research \u2014 that wants to feel friendly and human rather than corporate.",
+    "avoid_for": "Contexts where institutional credibility matters more than warmth \u2014 the peach palette is intentionally informal.",
+    "slide_count": 10
+  },
+  {
+    "slug": "raw-grid",
+    "name": "Raw Grid",
+    "tagline": "Neo-brutalist deck with thick borders, offset shadows, and a pink/sage/ink palette.",
+    "mood": [
+      "raw",
+      "punchy",
+      "energetic",
+      "confident"
+    ],
+    "occasion": [
+      "startup pitch",
+      "accelerator demo day",
+      "founder pitch",
+      "indie product launch",
+      "brand deck",
+      "creator portfolio"
+    ],
+    "tone": [
+      "direct",
+      "modern",
+      "no-nonsense",
+      "graphic"
+    ],
+    "formality": "medium-low",
+    "density": "high",
+    "scheme": "light",
+    "best_for": "Anything that should feel direct and graphic-confident: founder pitches, accelerator demos, brand decks, indie launches, creator portfolios. Strong for stat slides, comparison tables, and process flows. Equally good for tech, research, or finance when the speaker wants the deck to feel scrappy-confident rather than buttoned-up.",
+    "avoid_for": "Contexts that need to feel soft, warm, or intentionally quiet \u2014 the brutalist borders and offset shadows commit to a graphic voice.",
+    "slide_count": 10
+  },
+  {
+    "slug": "retro-windows",
+    "name": "Retro Windows",
+    "tagline": "Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia.",
+    "mood": [
+      "nostalgic",
+      "retro",
+      "geeky",
+      "playful"
+    ],
+    "occasion": [
+      "retro gaming pitch",
+      "Y2K brand",
+      "creator portfolio (90s aesthetic)",
+      "tech-history talk",
+      "shitpost-but-make-it-fancy deck"
+    ],
+    "tone": [
+      "winking",
+      "nostalgic",
+      "geeky",
+      "fun"
+    ],
+    "formality": "low",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel knowingly nostalgic: retro gaming, Y2K-aesthetic brands, creator portfolios with a 90s vibe, tech-history talks, deliberately tongue-in-cheek decks. A great choice anywhere a playful retro reference is the entire point.",
+    "avoid_for": "Decks that need to read as modern, elegant, or institutionally credible \u2014 the Win95 chrome will always read as a costume.",
+    "slide_count": 10
+  },
+  {
+    "slug": "retro-zine",
+    "name": "Retro Zine",
+    "tagline": "Beige paper with green accent and Bebas Neue + Caveat: a riso-printed zine in HTML form.",
+    "mood": [
+      "crafted",
+      "lo-fi",
+      "underground",
+      "warm-retro"
+    ],
+    "occasion": [
+      "indie zine / publication",
+      "music or arts brand",
+      "creator portfolio",
+      "small-batch / craft launch",
+      "cultural / community deck"
+    ],
+    "tone": [
+      "scrappy",
+      "warm",
+      "intentional",
+      "DIY"
+    ],
+    "formality": "medium-low",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel printed, lo-fi, and crafted: indie zines and publications, music / arts brands, creator portfolios, small-batch craft launches, community decks. Also a great underdog choice for tech, research, or business decks that want a riso-print warmth instead of digital polish.",
+    "avoid_for": "Contexts that demand digital-native polish or fast modern-tech energy \u2014 the layered zine aesthetic intentionally feels handmade.",
+    "slide_count": 10
+  },
+  {
+    "slug": "sakura-chroma",
+    "name": "Sakura Chroma",
+    "tagline": "Vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes.",
+    "mood": [
+      "retro",
+      "playful",
+      "kawaii-tech",
+      "warm",
+      "tactile",
+      "product-catalogue"
+    ],
+    "occasion": [
+      "product launch or catalogue",
+      "indie hardware or analog studio brand",
+      "music label or release schedule",
+      "creative studio annual report",
+      "magazine or zine pitch",
+      "vintage-flavored brand campaign"
+    ],
+    "tone": [
+      "playful",
+      "confident",
+      "warm",
+      "tactile",
+      "80s-Japanese-tech"
+    ],
+    "formality": "low",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel like a vintage Japanese cassette package or a TDK / Sony / Sakura Color product catalogue: indie hardware brand decks, music-label release schedules, analog studio retrospectives, zine and magazine pitches, kawaii-tech product launches, creative-studio annual reports. Equally good for any deck wanting bold colour, condensed display type, and a tactile printed-product personality.",
+    "avoid_for": "Decks that need restrained, corporate, or quiet typography \u2014 the bold condensed lockups, ribbon stripes, and primary-colour palette are intentionally loud and product-page-y.",
+    "slide_count": 8
+  },
+  {
+    "slug": "scatterbrain",
+    "name": "Scatterbrain",
+    "tagline": "Post-it inspired: pastel sticky notes, Caveat handwriting, Shrikhand and Zilla Slab type stack.",
+    "mood": [
+      "playful",
+      "creative",
+      "warm",
+      "messy-on-purpose",
+      "workshop"
+    ],
+    "occasion": [
+      "brainstorm / workshop",
+      "creative agency credentials",
+      "design-thinking session",
+      "ideation pitch",
+      "art-direction review"
+    ],
+    "tone": [
+      "informal",
+      "warm",
+      "expressive",
+      "human"
+    ],
+    "formality": "low",
+    "density": "high",
+    "scheme": "light",
+    "best_for": "Anything that should feel like a designer's whiteboard: brainstorms, workshops, creative-agency credentials, design-thinking sessions, ideation pitches, art-direction reviews. Equally fun for any deck \u2014 including tech, research, or business \u2014 that wants to read as in-progress thinking rather than polished conclusions.",
+    "avoid_for": "Contexts that demand precision and institutional weight \u2014 the post-it sticky-note aesthetic intentionally reads as warm and unfinished.",
+    "slide_count": 10
+  },
+  {
+    "slug": "signal",
+    "name": "Signal",
+    "tagline": "Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight.",
+    "mood": [
+      "institutional",
+      "trustworthy",
+      "considered",
+      "weighty"
+    ],
+    "occasion": [
+      "investor deck",
+      "consulting deliverable",
+      "board presentation",
+      "legal / policy brief",
+      "academic deck",
+      "advisory pitch",
+      "bilingual EN/CN deck"
+    ],
+    "tone": [
+      "sober",
+      "polished",
+      "established",
+      "literary"
+    ],
+    "formality": "high",
+    "density": "high",
+    "scheme": "mixed",
+    "best_for": "Anything that should feel weighty, considered, and credibly institutional: investor decks, board presentations, consulting deliverables, legal / policy briefs, advisory pitches. Also a strong choice for tech, research, or brand work that wants to read as quietly authoritative rather than loud.",
+    "avoid_for": "Contexts that should feel hot, fast, or intentionally playful \u2014 the navy + gold restraint commits to a sober voice.",
+    "slide_count": 18
+  },
+  {
+    "slug": "soft-editorial",
+    "name": "Soft Editorial",
+    "tagline": "Cormorant Garamond serif on warm paper with sage, blush, and lemon accents.",
+    "mood": [
+      "literary",
+      "elegant",
+      "quiet",
+      "warm-classical"
+    ],
+    "occasion": [
+      "editorial feature",
+      "longform brand story",
+      "gallery or museum",
+      "literary pitch",
+      "advisory deliverable",
+      "wedding / lifestyle media"
+    ],
+    "tone": [
+      "literary",
+      "considered",
+      "warm",
+      "magazine"
+    ],
+    "formality": "high",
+    "density": "low",
+    "scheme": "light",
+    "best_for": "Anything that should feel literary, elegant, and unhurried: editorial features, longform brand stories, gallery / museum decks, advisory deliverables, wedding / lifestyle media, founder essays. Equally good for tech, research, or business decks that want a Sunday-supplement warmth instead of corporate polish.",
+    "avoid_for": "Decks that need visual heat or punch \u2014 the warm-paper palette and Cormorant serif are intentionally quiet.",
+    "slide_count": 12
+  },
+  {
+    "slug": "stencil-tablet",
+    "name": "Stencil & Tablet",
+    "tagline": "Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand.",
+    "mood": [
+      "archival",
+      "earthy",
+      "tactile",
+      "considered",
+      "graphic"
+    ],
+    "occasion": [
+      "museum / cultural institution",
+      "art / architecture brand",
+      "longform research",
+      "heritage / craft brand",
+      "manifesto"
+    ],
+    "tone": [
+      "weighty",
+      "considered",
+      "tactile",
+      "literary"
+    ],
+    "formality": "medium-high",
+    "density": "medium",
+    "scheme": "light",
+    "best_for": "Anything that should feel archival, tactile, and weighty-graphic: museum and cultural-institution decks, art / architecture brands, longform research, heritage and craft brands, manifestos. A great choice anytime \u2014 including across tech and business \u2014 when you want the deck to feel like a field manual rather than a slide deck.",
+    "avoid_for": "Contexts that demand digital-native polish or playful pop \u2014 the stencil-cut display and earth-tone palette commit to a deliberate analog feel.",
+    "slide_count": 11
+  },
+  {
+    "slug": "studio",
+    "name": "Studio",
+    "tagline": "Black canvas with electric-yellow type; high-voltage design studio aesthetic.",
+    "mood": [
+      "electric",
+      "bold",
+      "graphic",
+      "design-led",
+      "high-contrast"
+    ],
+    "occasion": [
+      "design studio credentials",
+      "creative agency pitch",
+      "brand showcase",
+      "art-direction review",
+      "fashion / sneaker brand",
+      "bilingual EN/CN deck"
+    ],
+    "tone": [
+      "graphic",
+      "loud",
+      "modern",
+      "intentional"
+    ],
+    "formality": "medium",
+    "density": "medium",
+    "scheme": "dark",
+    "best_for": "Anything that should feel electric and design-led: studio credentials, creative agency pitches, brand showcases, art-direction reviews, fashion / sneaker brand work. Also a striking unexpected choice for tech, research, or business decks where the speaker wants the deck to *be* a brand statement.",
+    "avoid_for": "Contexts that should feel quiet or institutional \u2014 the black-and-electric-yellow palette is the loudest in the library.",
+    "slide_count": 12
+  },
+  {
+    "slug": "vellum",
+    "name": "Vellum",
+    "tagline": "Deep navy canvas with warm-yellow Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic.",
+    "mood": [
+      "scholarly",
+      "literary",
+      "considered",
+      "quiet",
+      "intellectual"
+    ],
+    "occasion": [
+      "research findings",
+      "white paper or longform report",
+      "academic or university deck",
+      "advisory deliverable",
+      "literary or editorial pitch",
+      "founder reflection / vision deck",
+      "bilingual EN/CN deck"
+    ],
+    "tone": [
+      "literary",
+      "considered",
+      "patient",
+      "intelligent"
+    ],
+    "formality": "high",
+    "density": "low",
+    "scheme": "dark",
+    "best_for": "Anything that should feel scholarly, literary, and quietly intelligent: research synthesis, white papers, academic and policy briefs, advisory deliverables, longform editorial pieces, founder reflections. Equally strong for any deck \u2014 including tech, business, or creator work \u2014 that wants a calm, considered atmosphere instead of energetic visuals.",
+    "avoid_for": "Contexts that need visual heat or pop \u2014 the navy + warm-yellow Cormorant aesthetic is intentionally low-tempo.",
+    "slide_count": 9
+  }
+];
+var STYLE_PRESETS = [
+  {
+    id: "electric-studio",
+    name: "Electric Studio",
+    vibe: "Bold, clean, professional, high contrast",
+    scheme: "dark",
+    typography: {
+      display: "Space Grotesk, sans-serif",
+      body: "Inter, sans-serif",
+      mono: "JetBrains Mono, monospace"
+    },
+    colors: {
+      bg: "#0a0a0a",
+      text: "#ffffff",
+      accent: "#4361ee",
+      cardBg: "rgba(255, 255, 255, 0.05)",
+      border: "rgba(67, 97, 238, 0.3)",
+      textMuted: "#9ca3af"
+    },
+    signatureElements: [
+      "Two-panel split architecture",
+      "Staggered .reveal entrance transitions",
+      "High-contrast code cards with macOS traffic lights",
+      "1920\xD71080 stage canvas auto-scaling"
+    ]
+  },
+  {
+    id: "blue-professional",
+    name: "Blue Professional",
+    vibe: "Cream paper background with electric cobalt blue accents; clean modern professional",
+    scheme: "light",
+    typography: {
+      display: "Space Grotesk, sans-serif",
+      body: "Inter, sans-serif",
+      mono: "SF Mono, Menlo, monospace"
+    },
+    colors: {
+      bg: "#fdfae7",
+      text: "#111111",
+      accent: "#1e2bfa",
+      cardBg: "rgba(30, 43, 250, 0.04)",
+      border: "rgba(30, 43, 250, 0.2)",
+      textMuted: "#6b6b6b"
+    },
+    signatureElements: [
+      "Warm paper texture and clean typography",
+      "Cobalt accent underlines and badges",
+      "Clean 2-column theory vs code blocks",
+      "3-card Bento grid for architecture breakdown"
+    ]
+  },
+  {
+    id: "creative-voltage",
+    name: "Creative Voltage",
+    vibe: "Bold, creative, energetic, retro-modern",
+    scheme: "dark",
+    typography: {
+      display: "Syne, sans-serif",
+      body: "Space Grotesk, sans-serif",
+      mono: "Space Mono, monospace"
+    },
+    colors: {
+      bg: "#1a1a2e",
+      text: "#ffffff",
+      accent: "#d4ff00",
+      cardBg: "rgba(212, 255, 0, 0.05)",
+      border: "rgba(212, 255, 0, 0.25)",
+      textMuted: "#a0a0c0"
+    },
+    signatureElements: [
+      "Electric neon yellow accents on dark purple void",
+      "Punchy display typography",
+      "Dynamic interactive checkpoint quizzes",
+      "Bento stat counters with glowing outlines"
+    ]
+  }
+];
+
+// src/skills/contracts.ts
+var VIEWPORT_BASE_CSS = `/* ===========================================
+   FIXED 16:9 STAGE: MANDATORY BASE STYLES
+   Slides are authored at 1920\xD71080 and scaled as a whole.
+   =========================================== */
+
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    overflow: hidden;
+    background: var(--stage-bg, #000);
+}
+
+.deck-viewport {
+    position: fixed;
+    inset: 0;
+    overflow: hidden;
+    background: var(--stage-bg, #000);
+}
+
+.deck-stage {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 1920px;
+    height: 1080px;
+    overflow: hidden;
+    transform-origin: 0 0;
+    background: var(--slide-bg, #fff);
+}
+
+.slide {
+    position: absolute;
+    inset: 0;
+    width: 1920px;
+    height: 1080px;
+    overflow: hidden;
+    display: block;
+    visibility: hidden;
+    opacity: 0;
+    pointer-events: none;
+    background: var(--slide-bg, #fff);
+}
+
+.slide.active,
+.slide.visible {
+    visibility: visible;
+    opacity: 1;
+    pointer-events: auto;
+    z-index: 1;
+}
+
+img, video, canvas, svg {
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.reveal {
+    opacity: 0;
+    transform: translateY(30px);
+    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
+                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.slide.visible .reveal,
+.slide.active .reveal {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.reveal:nth-child(1) { transition-delay: 0.08s; }
+.reveal:nth-child(2) { transition-delay: 0.16s; }
+.reveal:nth-child(3) { transition-delay: 0.24s; }
+.reveal:nth-child(4) { transition-delay: 0.32s; }
+.reveal:nth-child(5) { transition-delay: 0.40s; }
+
+@media (prefers-reduced-motion: reduce) {
+    *, *::before, *::after {
+        animation-duration: 0.01ms !important;
+        transition-duration: 0.1s !important;
+    }
+}
+`;
+var FRONTEND_SLIDES_CORE_RULES = `
+# FRONTEND SLIDES SKILL & QUALITY INVARIANTS
+
+## 1. Core Principles (Non-Negotiable)
+1. **Zero Dependencies** \u2014 Single HTML presentation with inline scoped CSS and JS.
+2. **Fixed 16:9 Stage Canvas** \u2014 Every slide is strictly authored inside a fixed 1920\xD71080 stage canvas (.deck-stage) scaled to the browser viewport. Never reflow slide content for different screen ratios.
+3. **No AI-Slop Design** \u2014 Never use generic purple gradients, clich\xE9 fonts (Arial, Roboto), or boring corporate bullets. Use curated palettes (Electric Studio, Blue Professional, Cobalt Grid) and distinctive typography (Space Grotesk, Inter, Syne, JetBrains Mono).
+4. **Staggered Reveals** \u2014 Use the .reveal class on key elements with transition delays for smooth, cinematic entrance animations.
+5. **No Pixel Coordinates** \u2014 NEVER output free-form bounding-box coordinates like "position": { "x", "y" } or "layout": "title_and_content". Always populate semantic layout slots.
+
+## 2. Pacing & Pedagogical Structure
+A complete lesson deck MUST have 8 to 12 slides following the Chunky Micro-Cycle:
+1. **Cover (hero-cover):** Lesson title, topic badge, learning goal, author/date.
+2. **Agenda & Roadmap (two-columns-compare or timeline-steps):** Milestones and timing.
+3. **Core Mental Model (split-concept-code):** Definition, analogy, and runnable starter code.
+4. **Visual Architecture (three-cards-grid):** 3-pillar breakdown of mechanisms.
+5. **Syntax & Deep Dive (split-concept-code):** Concrete language syntax, gotchas, and annotated snippet.
+6. **Timeline Execution (timeline-steps):** Step-by-step pipeline or algorithmic flow.
+7. **Interactive Formative Check (checkpoint-quiz):** Multiple-choice diagnostic question with explanation.
+8. **Summary & Next Milestone (summary-takeaways):** 3-4 golden takeaways and preview of next lesson.
+`;
+
+// src/ai/html/prompt.ts
+var SLIDE_HTML_PROMPT_CONTRACT = `
+# \u{1F3A8} HTML SLIDE ENGINE \u2014 AGENT GENERATION CONTRACT
+
+You are an expert Presentation Designer and Curriculum Architect producing professional, high-impact slide decks.
+Instead of generating free-form HTML or brittle Markdown hacks, you MUST fill structured content into pre-tested **Layout Presets**.
+
+## Available Layout Presets & Required Slots:
+
+1. **hero-cover** (Cover / Title Slide)
+   - \`tag\` (string): e.g. "Unit 01 \xB7 Lesson 02"
+   - \`title\` (string): Main bold headline
+   - \`subtitle\` (string): Subtitle or 1-sentence learning objective
+   - \`author\` (string): Instructor / Organization
+   - \`date\` (string): Course term or date
+
+2. **split-concept-code** (Theory + Code Snippet)
+   - \`tag\` (string): Section topic tag
+   - \`title\` (string): Topic heading
+   - \`points\` (string[]): 3 to 4 concise bullet takeaways
+   - \`code\` (string): Executable source code
+   - \`language\` (string): Language name (e.g. "python", "typescript", "swift")
+   - \`codeNote\` (string, optional): One-line hint or execution output
+
+3. **two-columns-compare** (Comparison / Pros vs Cons)
+   - \`tag\` (string): Topic tag
+   - \`title\` (string): Headline
+   - \`col1Title\` (string): e.g. "Synchronous I/O"
+   - \`col1Items\` (string[]): 3 to 4 points
+   - \`col2Title\` (string): e.g. "Asynchronous I/O"
+   - \`col2Items\` (string[]): 3 to 4 points
+
+4. **three-cards-grid** (3 Core Pillars / Architecture)
+   - \`tag\` (string): e.g. "Core Principles"
+   - \`title\` (string): Overview headline
+   - \`cards\` (array of objects): Exactly 3 cards:
+     - \`badge\`: e.g. "01", "LAYER 1"
+     - \`title\`: Card headline
+     - \`desc\`: 1-2 sentence description
+     - \`footer\` (optional): Key takeaway
+
+5. **timeline-steps** (Algorithm / Execution Pipeline)
+   - \`tag\` (string): e.g. "Workflow"
+   - \`title\` (string): Headline
+   - \`steps\` (array of objects): 3 to 5 steps:
+     - \`stepNum\` (number/string): 1, 2, 3...
+     - \`title\`: Step name
+     - \`desc\`: What happens at this step
+
+6. **metric-callout** (Key Theorem / Benchmark Statistic)
+   - \`tag\` (string): e.g. "Time Complexity"
+   - \`metric\` (string): Big stat (e.g. "O(log N)", "99.99%", "10x")
+   - \`metricLabel\` (string): e.g. "Lookup Efficiency"
+   - \`title\` (string): Main takeaway
+   - \`desc\` (string): Contextual explanation
+
+7. **checkpoint-quiz** (Interactive Checkpoint)
+   - \`tag\` (string): e.g. "Quick Knowledge Check"
+   - \`question\` (string): Clear question prompt
+   - \`options\` (array of objects): 2 to 4 options:
+     - \`label\`: "A", "B", "C", "D"
+     - \`text\`: Option text
+   - \`explanation\` (string): Explanatory rationale
+
+8. **summary-takeaways** (Wrap-Up / Next Steps)
+   - \`tag\` (string): e.g. "Recap"
+   - \`title\` (string): Wrap-up headline
+   - \`takeaways\` (string[]): 3 to 4 memorable bullet points
+   - \`nextStep\` (string): Teaser for the next lesson or project
+
+## Aesthetic & Quality Invariants ("Anti-AI-Slop"):
+- **Brevity is King (Zero-Scroll Invariant):** Each slide is calibrated for a 1920\xD71080 canvas. Maximum **35\u201340 words** per card or column; maximum **15 words** per bullet item. Never write dense multi-sentence paragraphs that cause vertical scrolling.
+- **Pedagogical Pacing:** Start with \`hero-cover\`, alternate between \`split-concept-code\`, \`two-columns-compare\` and \`three-cards-grid\`, insert a \`checkpoint-quiz\` midway, and finish with \`summary-takeaways\`.
+- **Theme Selection:**
+  - \`blue-professional\`: General academic, clean engineering, trustworthy.
+  - \`cobalt-grid\`: Advanced tech, algorithms, robotics, cybersecurity.
+  - \`editorial-forest\`: Thoughtful design, literature, ethics, science.
+  - \`studio\`: Minimalist product design, modern software.
+  - \`monochrome\`: Pure high-contrast dark mode.
+
+## \u{1FA84} Step Reveal & Progressive Disclosure:
+- The presentation shell supports sequential step reveal via mouse click or Space/Arrow keys.
+- Bullet lists (\`points\`, \`col1Items\`, \`col2Items\`), cards in \`three-cards-grid\`, and steps in \`timeline-steps\` reveal progressively one by one before navigating to the next slide.
+- In custom HTML slots, you can attach \`class="step-reveal"\`, \`data-step\`, \`data-reveal\`, or \`data-auto-reveal="true"\` on parent containers to enable click-by-click stepped appearance.
+
+## \u{1F399}\uFE0F Mandatory 3-Part Presenter Notes Contract:
+Every single slide MUST include the \`notes\` property structured with these 3 explicit components:
+1. **Talk Track:** 2-3 sentences of exact conversational speaking script for the teacher/presenter.
+2. **Cold-Call Check Question:** 1 diagnostic question to check understanding with a named student or attendee.
+3. **Scaffolding Tip:** 1 intuitive analogy or troubleshooting hint in case learners struggle with the concept.
+
+Example Notes:
+\`\`\`markdown
+Talk Track: Here we contrast synchronous blocking I/O with asynchronous event-driven handling. Notice how threads remain idle while waiting for network responses.
+Cold-Call: "Jordan, looking at the left column, what happens to thread pool throughput when network latency quadruples?"
+Scaffolding Tip: Compare it to ordering coffee at a counter (async buzzer) versus waiting at the register until the cup is brewed (sync blocking).
+\`\`\`
+
+## \u{1F9F1} MANDATORY JSON DECK OUTPUT STRUCTURE & SCHEMA:
+You MUST output a single valid JSON object.
+CRITICAL: All layout data MUST be placed inside the \`slots\` object of each slide. Never put raw unstructured strings like \`content: "..."\`!
+
+\`\`\`json
+{
+  "title": "Full Lesson Presentation Title",
+  "theme": "blue-professional",
+  "slides": [
+    {
+      "id": 1,
+      "layoutId": "hero-cover",
+      "slots": {
+        "tag": "Unit 01 \xB7 Lesson 01",
+        "title": "macOS & Xcode Environment Setup",
+        "subtitle": "Master the Apple developer toolchain and build your first SwiftUI application lifecycle",
+        "author": "Curriculum OS",
+        "date": "2026"
+      },
+      "notes": "Talk Track: Welcome everyone. Today we establish our core iOS development environment...\\nCold-Call: 'Alex, why do we need Xcode Command Line Tools?'\\nScaffolding Tip: Think of Xcode as the full workshop and the SDK as the raw materials."
+    },
+    {
+      "id": 2,
+      "layoutId": "split-concept-code",
+      "slots": {
+        "tag": "Architecture & Syntax",
+        "title": "SwiftUI App Entry Point",
+        "points": [
+          "@main attribute designates the entry point of the app",
+          "App protocol defines the structure and scene hierarchy",
+          "WindowGroup manages the root view lifecycle across platforms"
+        ],
+        "code": "import SwiftUI\\n\\n@main\\nstruct MyApp: App {\\n    var body: some Scene {\\n        WindowGroup {\\n            ContentView()\\n        }\\n    }\\n}",
+        "language": "swift",
+        "codeNote": "Notice how Scene encapsulates WindowGroup automatically"
+      },
+      "notes": "Talk Track: ...\\nCold-Call: ...\\nScaffolding Tip: ..."
+    },
+    {
+      "id": 3,
+      "layoutId": "three-cards-grid",
+      "slots": {
+        "tag": "Core Pillars",
+        "title": "Three Pillars of App State",
+        "cards": [
+          { "badge": "01", "title": "Active State", "desc": "App is in foreground and responding to user events directly." },
+          { "badge": "02", "title": "Inactive State", "desc": "App is transitioning, interrupted by system dialogs or Control Center." },
+          { "badge": "03", "title": "Background State", "desc": "Executing background tasks or preparing for memory suspension." }
+        ]
+      },
+      "notes": "Talk Track: ...\\nCold-Call: ...\\nScaffolding Tip: ..."
+    },
+    {
+      "id": 4,
+      "layoutId": "timeline-steps",
+      "slots": {
+        "tag": "Step-by-Step",
+        "title": "Xcode Setup Workflow",
+        "steps": [
+          { "stepNum": 1, "title": "Download Xcode", "desc": "Install latest Xcode from the Mac App Store" },
+          { "stepNum": 2, "title": "Command Line Tools", "desc": "Run xcode-select --install in Terminal" },
+          { "stepNum": 3, "title": "Select Simulators", "desc": "Download iOS 18+ runtime simulators" },
+          { "stepNum": 4, "title": "Verify Build", "desc": "Create a new SwiftUI project and press Cmd+R" }
+        ]
+      },
+      "notes": "Talk Track: ...\\nCold-Call: ...\\nScaffolding Tip: ..."
+    },
+    {
+      "id": 5,
+      "layoutId": "two-columns-compare",
+      "slots": {
+        "tag": "Comparison",
+        "title": "SwiftUI vs UIKit Architecture",
+        "col1Title": "SwiftUI (Declarative)",
+        "col1Items": [
+          "State drives the UI automatically",
+          "Lightweight immutable structs",
+          "Cross-platform unified API"
+        ],
+        "col2Title": "UIKit (Imperative)",
+        "col2Items": [
+          "Manual view controller manipulation",
+          "Heavyweight class hierarchies",
+          "Explicit event-driven updates"
+        ]
+      },
+      "notes": "Talk Track: ...\\nCold-Call: ...\\nScaffolding Tip: ..."
+    },
+    {
+      "id": 6,
+      "layoutId": "checkpoint-quiz",
+      "slots": {
+        "tag": "Knowledge Check",
+        "question": "Which SwiftUI modifier is used to observe external observable state objects?",
+        "options": [
+          { "label": "A", "text": "@State" },
+          { "label": "B", "text": "@StateObject / @ObservedObject" },
+          { "label": "C", "text": "@Binding" },
+          { "label": "D", "text": "@Environment" }
+        ],
+        "explanation": "@StateObject manages the lifecycle of reference-type ObservableObjects, while @State is for value types."
+      },
+      "notes": "Talk Track: ...\\nCold-Call: ...\\nScaffolding Tip: ..."
+    },
+    {
+      "id": 7,
+      "layoutId": "summary-takeaways",
+      "slots": {
+        "tag": "Recap & Next",
+        "title": "Lesson Summary & Key Takeaways",
+        "takeaways": [
+          "Configured complete developer toolchain with Xcode 16+",
+          "Understood SwiftUI declarative lifecycle and @main entry point",
+          "Mastered App State transitions between active, inactive, and background"
+        ],
+        "nextStep": "Lesson 02: State Management & Reactive Data Flow with @State and @Binding"
+      },
+      "notes": "Talk Track: ...\\nCold-Call: ...\\nScaffolding Tip: ..."
+    }
+  ]
+}
+\`\`\`
+
+## \u{1F6AB} STRICT ANTI-SLOP CONSTRAINTS:
+1. NEVER output a raw unstructured string like \`content: "..."\` or \`content: "Concept: ... Code snippet: ..."\`. All slide content MUST be placed inside the \`slots\` object with its specific keys (\`points\`, \`code\`, \`cards\`, \`steps\`, \`options\`, \`takeaways\`).
+2. NEVER use ellipsis \`...\` or placeholder comments in \`code\`. Every code snippet MUST be real, fully typed, syntax-valid, and pedagogical.
+3. NEVER leave \`slots\` empty \`{}\`.
+4. Output 6 to 8 substantive, rich slides covering the lesson plan thoroughly.
+`;
+
+// src/skills/helper.ts
+function getTemplatesCatalog() {
+  return TEMPLATES_CATALOG;
+}
+function searchTemplates(filter) {
+  if (!filter) return TEMPLATES_CATALOG;
+  const opts = typeof filter === "string" ? { query: filter } : filter;
+  const queryTokens = (opts.query || "").toLowerCase().split(/[\s,;]+/).map((t) => t.trim()).filter((t) => t.length > 1);
+  const scored = TEMPLATES_CATALOG.map((tpl) => {
+    let score = 0;
+    if (opts.scheme) {
+      if (tpl.scheme === opts.scheme) score += 2;
+    }
+    if (opts.mood) {
+      const mood = opts.mood.toLowerCase();
+      if (tpl.mood.some((m) => m.toLowerCase().includes(mood))) score += 2;
+      else if (tpl.tone.some((t) => t.toLowerCase().includes(mood))) score += 1;
+    }
+    if (queryTokens.length > 0) {
+      const haystacks = [
+        [tpl.slug, 3],
+        [tpl.name, 3],
+        [tpl.tagline, 2],
+        [tpl.best_for, 2],
+        [tpl.occasion.join(" "), 1],
+        [tpl.tone.join(" "), 1],
+        [tpl.mood.join(" "), 1],
+        [tpl.avoid_for, 1]
+      ];
+      for (const token of queryTokens) {
+        for (const [text, weight] of haystacks) {
+          if (text.toLowerCase().includes(token)) {
+            score += weight;
+            break;
+          }
+        }
+      }
+    }
+    return { tpl, score };
+  });
+  const anyFilter = Boolean(opts.scheme || opts.mood || queryTokens.length > 0);
+  if (!anyFilter) return TEMPLATES_CATALOG;
+  const MIN_SCORE = 2;
+  const matches = scored.filter((s) => s.score >= MIN_SCORE).sort((a, b) => b.score - a.score).map((s) => s.tpl);
+  if (matches.length === 0) return TEMPLATES_CATALOG;
+  if (queryTokens.length > 0) {
+    const tokensWithAnyMatch = queryTokens.filter(
+      (token) => scored.some((s) => s.score >= 3)
+      // at least one strong (name/slug) hit
+    );
+    const allTokensDead = tokensWithAnyMatch.length === 0 && queryTokens.every((token) => !scored.some((s) => s.tpl.best_for.toLowerCase().includes(token)));
+    if (allTokensDead) return TEMPLATES_CATALOG;
+  }
+  return matches;
+}
+function getStylePreset(id) {
+  return STYLE_PRESETS.find((p) => p.id === id) || STYLE_PRESETS[0];
+}
+function getStylePresetById(id) {
+  return STYLE_PRESETS.find((p) => p.id === id);
+}
+function getFrontendSlidesSkillPrompt(options) {
+  const preset = options?.stylePresetId ? getStylePreset(options.stylePresetId) : STYLE_PRESETS[0];
+  return `
+You are @illustrator, an elite Presentation Designer and Presentation Architect equipped with the **FRONTEND-SLIDES SKILL**.
+
+${FRONTEND_SLIDES_CORE_RULES}
+
+---
+## ACTIVE STYLE PRESET: ${preset?.name || "Electric Studio"}
+- **Vibe:** ${preset?.vibe}
+- **Color Scheme:** ${preset?.scheme} (Background: ${preset?.colors.bg}, Text: ${preset?.colors.text}, Accent: ${preset?.colors.accent})
+- **Typography:** Display: ${preset?.typography.display} | Body: ${preset?.typography.body} | Code: ${preset?.typography.mono || "monospace"}
+- **Signature Design Elements:**
+${(preset?.signatureElements || []).map((e) => `  * ${e}`).join("\n")}
+
+---
+${SLIDE_HTML_PROMPT_CONTRACT}
+`.trim();
+}
+var querySlideTemplatesSchema = zod.z.object({
+  mood: zod.z.string().optional().describe('Mood or feeling keyword: "professional", "technical", "editorial", "playful", "minimal"'),
+  scheme: zod.z.enum(["light", "dark", "mixed"]).optional().describe('Color scheme: "light", "dark" or "mixed"'),
+  query: zod.z.string().optional().describe('Search term e.g. "python", "swift", "consulting", "hackathon"')
+});
+var getSlideStylePresetSchema = zod.z.object({
+  presetId: zod.z.string().describe('Style preset identifier, e.g. "electric-studio", "blue-professional", "creative-voltage"')
+});
+var frontendSlidesTools = {
+  querySlideTemplates: {
+    description: "Searches the 34 curated HTML slide templates catalog for design inspiration, tone matching, and layout specs.",
+    inputSchema: querySlideTemplatesSchema,
+    execute: async (args) => {
+      const matches = searchTemplates(args);
+      return {
+        count: matches.length,
+        templates: matches.map((m) => ({
+          slug: m.slug,
+          name: m.name,
+          tagline: m.tagline,
+          mood: m.mood,
+          tone: m.tone,
+          scheme: m.scheme,
+          bestFor: m.best_for,
+          slideCount: m.slide_count
+        }))
+      };
+    }
+  },
+  getSlideStylePreset: {
+    description: "Retrieves exact color palette, typography font stack, and signature visual elements for a style preset.",
+    inputSchema: getSlideStylePresetSchema,
+    execute: async (args) => {
+      const preset = getStylePresetById(args.presetId);
+      if (!preset) {
+        return {
+          error: `Style preset "${args.presetId}" not found.`,
+          availablePresets: STYLE_PRESETS.map((p) => p.id)
+        };
+      }
+      return preset;
+    }
+  }
+};
+
+exports.FRONTEND_SLIDES_CORE_RULES = FRONTEND_SLIDES_CORE_RULES;
+exports.SLIDE_HTML_PROMPT_CONTRACT = SLIDE_HTML_PROMPT_CONTRACT;
+exports.STYLE_PRESETS = STYLE_PRESETS;
+exports.TEMPLATES_CATALOG = TEMPLATES_CATALOG;
+exports.VIEWPORT_BASE_CSS = VIEWPORT_BASE_CSS;
+exports.frontendSlidesTools = frontendSlidesTools;
+exports.getFrontendSlidesSkillPrompt = getFrontendSlidesSkillPrompt;
+exports.getSlideStylePresetSchema = getSlideStylePresetSchema;
+exports.getStylePreset = getStylePreset;
+exports.getStylePresetById = getStylePresetById;
+exports.getTemplatesCatalog = getTemplatesCatalog;
+exports.querySlideTemplatesSchema = querySlideTemplatesSchema;
+exports.searchTemplates = searchTemplates;
+//# sourceMappingURL=chunk-HSVXH7DD.cjs.map
+//# sourceMappingURL=chunk-HSVXH7DD.cjs.map