Claude Skills by jhy0285

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, "幻灯片", "演讲稿", "做一份 PPT", "做一份 slides", a reveal-style HTML deck, a 小红书 图文, 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", "rev...

Annual Letter · 年度信笺 — Stripe-annual-letter style single-file HTML decks from the editorial-longform line of 花叔 (alchaincyf)'s huashu-design skill. Cream #FBFAF8 paper, one Stripe-purple #635BFF accent, serif prose at a 65ch publication measure, inline data cards inside the running text, and giant tabular display-number anchor pages. Use when the user wants an annual letter, shareholder letter, founder memo, 年度信, 股东信, or a longform letter-style deck.

Bento Insight Grid (便当格洞见) — Apple Keynote / QBR-school bento decks generated from the「Bento便当格模块网格 / Bento Grid」spec (neutral school #1, 95% fidelity) in 花叔 (alchaincyf)'s huashu-design design-styles.md. Light-grey #F5F5F7 / cream pages, unequal-height rounded cards with 1px hairlines and micro shadows, one insight per card (big tabular numeral / linear inline-SVG icon / SVG sparkline), oversized display headlines with hard weight contrast, Inter/Geist + Geist Mono. Use when the user wants a...

Golden Circle Diagram (黄金圆环图解) — Sinek/TED-school diagrammatic minimalism, generated from the 中性派「单图母图概念图解 / Diagrammatic Minimalism」spec of 花叔 (alchaincyf)'s huashu-design. Warm-white paper, ink, and exactly one gold accent (#E8860C); a single nested concentric WHY/HOW/WHAT circle — pure border-radius divs — carries every page through fill / highlight / grey / outline modes; uppercase Jost labels embedded in the figure, Manrope headlines, zero charts and zero images. Use when the user wants ...

Keynote Black (黑场大数字) — Jobs-2007 / Lei-Jun-launch-event black-stage keynote decks, generated from the「黑底巨型数字剧场 / Black Big-Number Stage」spec in 花叔 (alchaincyf)'s huashu-design design-styles library. Pure black #000000 stage, pure white type, one word or one giant tabular-nums numeral per screen, exactly one brand accent for the whole deck (Mi orange #FF6900 / Spotify green #1ED760 / Apple blue #2997FF), massive negative space, accent-vs-grey spec comparison bars, and a price-reveal climax. U...

Luxe Whitespace (奢华留白) — quiet-luxury presentation decks adapted from the ppt-build showcase of 花叔 (alchaincyf)'s huashu-design. 70%+ whitespace on a warm off-white #FAFAF8 canvas, Inter 200–600 ultra-thin hierarchy, 120px weight-200 floating numerals with gold decimal points, one warm gold (#D4A574) spent on hairlines and winning comparison bars, gradient hairline separators (#E0DCD6). Use when the user wants a premium brand report, high-end product deck, quiet-luxury keynote, 品牌年度报告, 高端发布会,...

Pentagram Info-Architecture (信息建筑·红) — rational Swiss-grid data decks adapted from the ppt-pentagram showcase of 花叔 (alchaincyf)'s huashu-design. Black-and-white restraint on a 1920×1080 canvas, Helvetica Neue hierarchy, one red (#E63946), 64px black chrome bars, 5%-opacity grid hairlines, giant 900-weight numerals anchoring red/dark/grey comparison bar charts. Use when the user wants a data report, benchmark deck, annual report, KPI review, 数据报告, 基准对比, or a Swiss-grid / Pentagram-style prese...

Huashu Slides — publication-grade single-file HTML decks, distilled from the slides workflow of 花叔 (alchaincyf)'s huashu-design skill. Editorial grammar (masthead / kicker / giant serif H1 / footer), a fixed 1920×1080 canvas with auto-fit scaling, keyboard navigation and hash routing, strict anti-AI-slop rules, and an optional editable-PPTX export path. Use when the user wants a presentation, slides, PPT, deck, 演示文稿, or 幻灯片.

Narrative Sparkline (叙事波形) — Duarte-style narrative decks generated from the Sparkline叙事波形 spec (中性派, 还原91%) in 花叔 (alchaincyf)'s huashu-design references/design-styles.md. One oscillating SVG bézier waveform spans the full 1920×1080 canvas on every page; brand orange (#FF6B2C) marks only the turning points, greyed ghost lines carry the comparison, and stroke-dashoffset draws each segment progressively. Use when the user wants a change narrative, transformation story, before/after contrast, d...

Takram Soft Tech (东方柔光科技) — soft, Eastern-philosophy tech decks adapted from the ppt-takram showcase of 花叔 (alchaincyf)'s huashu-design. Warm rice-paper canvas (#F5F0EB), sage green + warm gray + one gold, Noto Serif SC display headings mixed with Inter labels, rounded translucent data cards, and the signature device: SVG data visualization treated as an art piece — multi-series overlaid radar charts on hand-drawn dashed grids with "Fig. NN" plate annotations. Use when the user wants a gentle...

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 (cro...

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).

Use this plugin when the user wants a premium dark editorial landing page with an Instrument-Serif headline, liquid-glass nav/cards, a crossfading fullscreen hero video, and scroll-revealed about / featured-video / philosophy / services sections. Invoke for 'innovation landing', 'agency landing page', 'dark serif hero with glass', 'Asme template', or when the user references the Innovation / motionsites Innovation template.

Produce a print-grade slide deck in the kami (紙 / 纸) design system — warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, ink-blue accent ≤ 5% per slide, no italic. Horizontal magazine swipe pagination (←/→ · wheel · swipe · ESC overview). One self-contained HTML file, zero dependencies beyond Google Fonts.

Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.

Recent community and social trend research over the last 30 days. Use when the brief asks what people are saying now, recent sentiment, community reactions, social proof, launch reaction, trend scan, or last-30-days context.

Use this plugin when the user wants a cinematic, layered-parallax architecture-studio landing page (brand 'Qelora'): fullscreen background video, a giant center brand wordmark behind a parallax sculpture slab, an animated bird video state machine, frosted-glass nav pills and bottom info panels, and a second full-viewport video section with a centered editorial headline. Invoke for 'layered depth', 'architecture studio landing', 'parallax hero with video', 'Qelora', or when the user references...

Use this plugin when the user wants a dark, luxury single-page landing for an AI web-design agency: cinematic video backgrounds, editorial Instrument Serif italic headings, liquid-glass (glassmorphism) cards and CTAs, BlurText word-by-word reveals, and section-by-section storytelling. Invoke for 'liquid glass agency', 'glass landing page', 'AI agency site', or when the user references the Liquid Glass Agency template.

Create refreshable, auditable MonoField artifacts backed by connector or local data. Trigger when the user asks for live dashboards, refreshable reports, synced views, or reusable data-backed artifacts.

Notion-style team dashboard rendered as a Live Artifact. A single-page, self-contained HTML dashboard with KPIs, a 7-day sparkline, a real-time activity feed and a linked-database task table — wired to Notion via the Composio connector catalog. Refreshes on demand and when the artifact is opened. Falls back to seeded mock data when no connector is bound, so it works offline / in screenshots / in the picker preview.

Use this plugin when the user wants a cinematic luxury-fragrance / botanical landing page: a fullscreen video hero, a scroll-driven elliptical clip-path reveal, an orbiting carousel of perfume bottles that scales up at a focal point, plus a 'Stay in the collection' newsletter section and a warm parchment footer. Invoke for 'luxury botanical', 'perfume landing page', 'fragrance hero', 'orbit carousel', or when the user references the Bentley — Beyond The Collection template.

Use this plugin when the user wants a dark, pure-monochrome newsletter / content-platform landing page (Mindloop): fullscreen video hero, Instrument-Serif italic accent words, liquid-glass controls, scroll-driven word-by-word mission reveal, and an HLS-video CTA. Invoke for 'Mindloop landing', 'black monochrome newsletter landing page', 'video hero content platform', or when the user references the Mindloop template.

Use this plugin when the user wants a cinematic mythic-naturecore landing page — the 'Reverie' template: a scroll-linked zoom-through-a-portal hero with mirrored opening curtains, a layered world background, mouse-parallax 3D depth, and an elegant Viaoda-Libre/Imprima serif+sans pairing. Invoke for 'naturecore landing', 'portal scroll page', 'Reverie', 'cinematic parallax hero', or when the user references the Mythic Naturecore template.

Use this plugin when the user wants a premium dark warm-gold single-page marketing site for a secure cloud-storage capacity product: a full-viewport shader hero with a live console card and typewriter, a scroll-driven sticky platform accordion, a scroll-morphing pricing bar field, security cards with API window + binary map, a 3D tilting console showcase, and a click-to-explode operations cube. Invoke for 'Nimbus Grid', 'cloud storage landing page', 'shader hero marketing site', 'scroll accor...

Open a pull request adding a local MonoField plugin to the MonoField community catalog using gh CLI.

Publish a local MonoField plugin to a new public GitHub repository using gh CLI.

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) as a reusable editorial 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 `open-design-landing` skill.

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage). 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.

Use this plugin when the user wants a dark, space-themed NFT collection landing page (\"Orbis.Nft\") with full-bleed CloudFront video backgrounds, a liquid-glass UI, Anton + Condiment fonts, and a neon-green accent. Invoke for 'NFT landing page', 'space NFT site', 'crypto collection page', or when the user references the Orbis NFT template.

Open Orbit briefing skill — selected by the Orbit pipeline when Notion is the user's only connected connector, or when the user explicitly scopes their daily digest to Notion. Pulls the past 24 hours of document edits, comments, mentions, and database row changes from the user's authenticated Notion connection and renders the digest as a native Notion page (callout / toggle / database table primitives). This skill should not be triggered manually — it is invoked by Orbit's daily-digest schedu...

Use this plugin when the user wants a premium dark single-page portfolio landing: cinematic HLS hero video, Instrument-Serif italic display type, a loading screen counter, a bento works grid, a scroll-pinned parallax exploration gallery, and a marquee contact footer. Invoke for 'cosmic portfolio', 'dark portfolio landing', 'designer portfolio with video hero', or when the user references the Portfolio Cosmic template.

Use this plugin when the user wants a premium private-jet landing page hero: a fullscreen autoplay CloudFront video background, a max-w-7xl nav with a Lucide hamburger mobile dropdown, and a centered overlapping two-line headline (Premium. / Accessible.) with Discover + Book Now pill CTAs. Invoke for 'private jet landing', 'aviation hero', 'luxury travel hero', or when the user references the SkyElite template.

Use this plugin when the user wants a premium awards / venture-prize landing page in the Launchex Awards style: an inset white card shell with rounded corners, a fullscreen video hero with chamfered (clip-path) CTA, a three-column submissions section with angular nomination cards flanking a square video, and an about-the-founders stats grid with plus-darker image cards. Invoke for 'awards landing page', 'launch / prize landing', 'Stellar Launch', 'Launchex awards', or any geometric chamfered-...

Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, demo/live playback, and command palette behavior. Use when users ask for a Wall-Street-style analytics terminal, trading cockpit, or high-tech financial dashboard template with realistic data layout.

Midnight Editorial deck — cinematic editorial dark theme: deep navy #0f1729 pages with a warm gold #d4a73a accent, Instrument Serif 120px dramatic display dropping straight to 14px JetBrains Mono labels, gold radial accent glow per slide, gold SVG corner marks, ghost section numerals, staggered cinematic reveal transitions, and a locked cream/gold light mode toggled by the SlideEngine (T key). The "midnight-editorial" slide-deck preset from nicobailon/visual-explainer, locked as a single-aest...

Terminal Mono deck theme: developer-native near-black #0a0e14 ground, Geist Mono everywhere (large weight-400 mono titles, never bold display), Dracula-green #50fa7b accent, faint dot grid, low-opacity green hairlines. Zero skeuomorphism. Dual theme via prefers-color-scheme. Single-file scroll-snap HTML deck with SlideEngine navigation.

Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration. Distilled from Leonxlnx/taste-skill `brutalist-skill` (Swiss Industrial Print mode).

General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when no more specific skill matches.

Single-file horizontal-swipe slide deck for a weekly team update — shipped, in flight, blocked, metrics, asks. 6–8 slides. Use when the brief mentions "weekly update", "team update slides", "weekly status", "周报演示".

You collect API routes and source-level DTO/schema information into one valid `interface-spec.json` document. The deterministic MonoField renderer creates the Korean SI-style `.xlsx`; never create or edit the workbook directly.

Hidden fallback scenario for free-form Home prompts. Ask the task type first, then continue through the matching MonoField flow.

Use this plugin when the user wants to improve an existing MonoField artifact rather than create a new one.

Default reference pipeline for image, video, and audio projects — routes through media-image / media-video / media-audio atoms based on the project kind, wraps the output in a live artifact, and devloops on critique-theater until the score converges.

Use this plugin when the user wants to hand an accepted MonoField artifact to a Next.js App Router project.

Guided scenario for creating an MonoField plugin folder that can be installed into My plugins.

Use this plugin when the user wants to hand an accepted MonoField artifact to a React app.

Package the user's just-finished work as an MonoField plugin without asking for fields the project files already answer, then surface the existing Add-to-My-plugins / Open-Design-PR buttons.

Use this plugin when the user wants to hand an accepted MonoField artifact to a Vue 3 project.

You are the **collector** stage of the MonoField screen-spec pipeline. Your only deliverable is a valid `screen-spec.json` document. You never create or edit `.pptx` files — the deterministic MonoField renderer turns the JSON into the Korean SI-style screen specification deck, and humans review/edit the same JSON (markers, descriptions, checkpoints) before export.

A portable community plugin for validating MonoField plugin import flows.