galyarder-design

Phase 1 sample plugin synthesizing a SKILL.md frontmatter for backwards-compat tests.

Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.

A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".

Structured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".

Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10. Outputs a single self-contained HTML report with a radar chart, evidence-backed scores, and three lists: Keep / Fix / Quick-wins. Use when the brief asks for a "design review", "design critique", "5-Dimension Audit", "design audit", or "what's wrong with my design".

Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use when the brief asks for a "dashboard", "admin", "analytics", or "control panel" screen.

A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. Editorial typography, restrained accent. Use when the brief asks for a "dating site", "matchmaking", "community dashboard", "social network dashboard", or any consumer product where the data is the story.

Discounted cash flow valuation and intrinsic value analysis for public companies. Use when the brief asks for DCF, fair value, intrinsic value, price target, undervalued or overvalued analysis, or "what is this company worth?"

A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone. Use when the brief asks for an "e-guide", "digital guide", "lookbook", "lead magnet", "creator guide", "playbook", "PDF guide", or "digital guide".

A documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial".

A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newsletter blast", "MJML", "product launch email", or "email template".

An engineering runbook — service overview, alerts table, dashboards links, common procedures with copy-pasteable commands, on-call rotation, and an incident-response checklist. Use when the brief mentions "runbook", "ops doc", "on-call guide", "SRE doc", or "operations manual".

Quarterly / monthly financial report — masthead with KPIs, revenue and burn charts, P&L summary table, top-line highlights, and an outlook paragraph. Use when the brief mentions "financial report", "Q3 report", "MRR review", "P&L", or "financial report".

Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity sparklines, and a top-contributors panel, all in a single self-contained HTML file with light/dark theming, hoverable chart tooltips, click-to-zoom panels, and CSV export. Use when the brief asks for a team / workspace admin dashboard, an interactive admin dashboard with charts, or names FlowAI.

Produce a single-file slide deck in the Atelier Zero visual language (warm-paper background, italic-serif emphasis spans, coral terminating dots, surreal collage plates) — Galyarder Design's brand deck recipe. The deck uses **horizontal magazine-style swipe pagination** (←/→, wheel, swipe), a per-slide chrome strip with brand mark and slide counter, an ESC overview grid, a coral progress bar, and inherits the canonical stylesheet + 16-slot image library from the sister `galyarder-design-landing` skill.

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic Galyarder Design uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file; a separate path can mirror the Astro marketing site in `apps/landing-page/`. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.

A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail. Vivid quest tiles, level ribbon, bottom tab bar. Use when the brief asks for a "gamified app", "habit tracker", "RPG-style life app", "level-up app", "daily quests", "XP / streak app", or "ELI5-style explainer app".

GitHub repository analytics dashboard — stars, forks, contributors, issues, pull requests, recent activity, and top contributors. Use when the brief asks for a GitHub repo dashboard, open-source growth report, repository health page, or GitHub analytics view.

Generate 'Digital Magazine × E-Ink' style horizontal swipe web presentations (single HTML file), complete with WebGL fluid backgrounds, serif headings + sans-serif body copy, chapter divider covers, large-stat callouts, and image grids. Use when the user needs to create slide sharing, community talks, or launch presentations, or when they mention 'magazine-style deck', 'horizontal swipe deck', 'editorial magazine', or 'e-ink presentation'.

A new-hire onboarding plan as a single page — first week schedule, buddy + manager intro, learning track, equipment checklist, and "you're set when…" outcomes. Use when the brief mentions "onboarding", "new hire", "first week plan", or "onboarding".

Online-course / workshop module deck — warm paper background + Playfair serif, persistent left sidebar of learning objectives, MCQ self-check page. Use for teaching modules, training materials, workshop slides.

8-page minimalist directional key presentation — each page has an independent solid background (Indigo, Cream, Crimson, Emerald, Grey, Purple, White, Charcoal), distinct color palettes, 160px display headings divided by a 4px thick accent line, monospace bullet lists prefixed with '→', Left kbd arrows '← →' navigation + page numbers in the footer, and generous negative breathing space. Perfect for high-conviction keynotes, product launches, or public talks.

Dark-themed knowledge graph deck — featuring a midnight gradient background (#06060c to

Dark terminal review deck — featuring an ultra-dark background (#0a0c10) + a 56px cyber grid, CRT corner shading + scanlines, custom window chrome buttons, '$ prompt' command-line headers, mint green (#7ed3a4) display text, JetBrains Mono typography, stroke-only charts, blinking cursor, and tri-color status badges. Perfect for CLI utilities, autonomous agents, and dev tool evaluations (including trace flows, diffs, and benchmarks).

Cream blueprint system-architecture deck — utilizing a warm cream (#F0EAE0) background + single rust-red (#B5392A) highlights, a 48px blueprint grid, 2px solid dark-bordered cards, visual pipeline boxes (with one elevated state), rust-red insight sidebars, elegant Playfair Display serif headings, and SVG dotted feedback loops. Zero soft gradients or drop shadows, for a serious, print-friendly publication layout.

GitHub-inspired dark gradient deck — leveraging a GitHub-dark (#0d1117) background + radial purple-blue ambient glows, 60px grid mask overlays, centered content flow, purple pill badges, tri-color gradient headers (#a855f7 to

Investor-ready 10-slide HTML pitch deck — white + blue→purple gradient hero, big numbers, traction bar chart, $4.5M-style ask page. Use when the user wants a fundraising deck, seed-round pitch, or VC meeting slides.

Presenter-optimized deck — styled in a Tokyo Night default theme with 5 switchable theme palettes (toggled via 'T' key), featuring 150-300 word presenter scripts per slide embedded in '<aside class="notes">' tags, and a robust popup panel opened with 'S' key containing sync cards for Current, Next, Script, and Timer. Perfect for developer meetups, public talks, or technical lectures where you want a reliable Teleprompter.

Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. Use when announcing a product, launching a feature, or doing a keynote-style reveal.

HTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a presentation, PPT, slides, keynote, deck, slideshow, "Slides", "Speech Draft", "Create a PPT", "Create a slide deck", a reveal-style HTML deck, a Xiaohongshu Graphics, or any kind of multi-slide pitch/report/sharing document that should look tasteful and be usable with keyboard navigation. Triggers include keywords like "presentation", "ppt", "slides", "deck", "keynote", "reveal", "slideshow", "Slides", "Speech Draft", "Sharing Draft", "Xiaohongshu Graphics", "talk slides", "pitch deck", "tech sharing", "technical presentation".

Conference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharing sessions, conference talks, and code-heavy walkthroughs.

Amber-alert incident review deck — featuring 45° red-and-black hazard stripes in the headers/footers, red strikethrough negation headers, tri-tier alert cards (Green/Amber/Red), dot-status warning containers, custom policy-yaml code editors with crimson sidebars, color-coded checklists, and Q1 incident metrics bar charts. Perfect for system security audits, risk retrospectives, incident reviews, red-team exercises, or policy-as-code evaluations.

Team weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for weekly status, business reviews, team status updates, and exec dashboards.

Macaron slow-living deck — featuring a warm cream (#fef8f1) backdrop + 3 soft glowing blobs, italicized Playfair Display serif headers mixed with sans-serif body text, 28px rounded macaron cards (Peach, Mint, Sky, Purple, Lemon, Rose), italic numbers '01-04', SVG donut charts, and a tabbed header bar. Tailored for lifestyle, personal growth, emotional wellbeing, or slow-living topics desiring an artisanal, magazine-like, organic editorial feel.

Xiaohongshu & Instagram-style 9-page 3:4 vertical slider (810×1080) — featuring warm pastel palettes, dashed sticker cards, and dot pagination at the bottom. Perfect for vertical slides, Instagram carousels, or brand showcase posts.

Editorial white magazine deck — styled with pure white backgrounds + a 10-color rainbow top header bar, 80-110px large display titles, purple-blue-green-orange-pink gradient headings, soft pastel macaron cards (Pink, Purple, Blue, Green, Orange), dark pill labels (.focus), and blockquotes. Versatile for both 3:4 vertical posts and standard horizontal presentation decks.

Sakura Chroma — Vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes. 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.

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.

Investment-banking pitch book for strategic alternatives — trading comps, precedent transactions, valuation football field, DCF sensitivity, strategic-options matrix, process recommendation. Built by adapting `assets/template.html` so IB-specific chrome, disclosure bands, and source labels are preserved. Use for Board / sell-side discussion materials. Not a VC fundraising deck (see html-ppt-pitch-deck). Workflow adapted from Anthropic financial-services Pitch Agent (Apache-2.0).

Single-image generation skill for posters, key art, and editorial illustrations. Defaults to gpt-image-2 but is provider-agnostic — the same workflow drives Flux, Imagen, or Midjourney via the active upstream tooling. Output is one or more PNG/JPEG files saved to the project folder.