sanqiufong/slides-from-anything
Skill Claude CodeCodex
A presentation template for HTML slides with a speaker view, five switchable themes, and a pop-up showing the current slide, next slide, script, and timer.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).
sanqiufong/slides-from-anything
Skill Claude CodeCodex
16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one accent. Distilled from Leonxlnx/taste-skill minimalist-skill.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A presentation template for safety warnings, risk reviews, incident retrospectives, red-team work, and reviewing AI before release.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Team weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for 周报, business reviews, team status updates, and exec dashboards.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A soft pastel presentation template with a relaxed lifestyle look. It is designed for a full HTML slide deck.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A nine-page vertical HTML slide template for image-and-text posts, sized for 810×1080 graphics and styled with warm pastel cards.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A template for creating presentations and Xiaohongshu posts with a white editorial layout, rainbow accent bar, large gradient headings, pastel cards, and quote sections. Xiaohongshu is a social platform commonly used for visual posts.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A printable invoice page — sender + recipient block, line items table, tax breakdown, totals, and payment instructions. Use when the brief mentions "invoice", "bill", "billing statement", or "发票".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Kanban / task board with columns (To do / In progress / In review / Done), draggable-looking cards, assignee avatars, swimlanes, and a top filter bar. Use when the brief mentions "kanban", "task board", "sprint board", "trello", "看板".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Create refreshable, auditable Open Design artifacts backed by connector or local data. Trigger when the user asks for live dashboards, refreshable reports, synced views, or reusable data-backed artifacts.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column body block, and 6 numbered sections with annotated pull-quote captions. Reads like a Sunday-paper full-page essay or a thoughtful launch poster. Use when the brief asks for "magazine…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Meeting notes page — title bar with attendees, agenda checklist, decisions block, action items table with owners + dates, and a "next meeting" footer. Use when the brief mentions "meeting notes", "minutes", "1:1 notes", "all-hands recap", or "会议纪要".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page. Built by copying the seed assets/template.html and pasting one screen archetype from references/layouts.md. Use when the brief asks for "mobile app", "iOS app", "Android app", "phone screen", or "app UI".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A multi-screen mobile onboarding flow rendered as three phone frames side by side — splash, value-prop, sign-in. Status bar, swipe dots, primary CTA. Use when the brief mentions "mobile onboarding", "iOS onboarding", "phone signup", or "移动端引导".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero video poster you can hand straight to HyperFrames or any keyframe-based exporter. Use when the brief asks for "motion design", "animated hero", "loop", "video…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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) — Open Design's brand deck recipe. The deck uses horizontal magazine-style swipe pagination (←/→, wheel, swipe), a per-slide chrome strip with brand…