sanqiufong/slides-from-anything
Instructions file CodexOpenCode
Instructions for sanqiufong/slides-from-anything, covering directory guide, core documentation index, workspace directories, inactive or placeholder directories and development workflow.
sanqiufong/slides-from-anything
Instructions file
Instructions for sanqiufong/slides-from-anything, a project described as: Turn anything into slides.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Parse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from vague requests like "make it professional" by requiring explicit dimensions: palette, typography, layout, mood, density, and constraints. Trigger keywords: "design brief", "create a design brief"…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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"…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A documentation page — left nav, scrollable article body, right-rail table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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 "运维手册".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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 "财报".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A single-file web presentation styled like an electronic magazine and e-reader, with horizontal slides, editorial typography, fluid visual backgrounds, and image grids. It is designed as a static HTML presentation rather than a collaborative slide editor.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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 "入职".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A minimal eight-slide HTML presentation template with different solid-color backgrounds, large headings, short lists, keyboard navigation, and slide numbers.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A focused entry point into the html-ppt master skill that lands the user directly on the graphify-dark-graph full-deck template.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
暗终端 honest-review deck .
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A presentation template with a light, cream-and-blue visual style for explaining knowledge architecture—the way information is organised and connected.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
GitHub 暗紫渐变 deck — GitHub-dark.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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.