Turn anything into slides
This repository also configures its own agents. See what slides-from-anything tells them →
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A one-page product specification, also called a PRD, that describes a product feature, its users, goals, scope, and rollout. It is a shared plan for building the feature.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with strict footer-rail + cursor-flow layout discipline. Use this skill whenever the user has a .pptx that was generated from an…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A standalone pricing page — header, plan tiers, feature comparison table, and an FAQ. Use when the brief asks for "pricing", "plans", "subscription tiers", or a "compare plans" page.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Eight distinct themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) — each a complete visual system (palette + type + accent) captured from replit.com/slides. Pick one theme, do not mix. For…
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
Single-file horizontal-swipe HTML deck. Built by copying the seed assets/template.html (which carries the proven 5-rule iframe nav script) and pasting slide layouts from references/layouts.md. Pitch decks, product overviews, study material — when you don't need the magazine aesthetic of magazine-web-ppt.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A three-card social-media carousel laid out as 1080×1080 squares — three cinematic, on-brand panels with display headlines that connect across the series ("onwards." → "to the next one." → "looking ahead."). Each card has a brand mark, a number / total, a caption, and a "loop" affordance. Use when the brief asks for a…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom, or 8-bit console), kinetic Japanese display type, ticking timeline ribbon. Reads like a single frame of an educational motion video — looping CSS keyframes, no JS, ready…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
OKR tracker page — quarter banner, three objectives with their key results as progress bars, owner avatars, status pills, and a "this quarter at a glance" sidebar. Use when the brief mentions "OKRs", "key results", "objectives", or "目标".
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of a design without re-prompting the agent. Use when the brief asks for "variants"…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Short-form video generation skill — 3-10 second clips for product reveals, motion teasers, ambient loops. Defaults to Seedance 2 but works the same with Kling 3 / 4, Veo 3 or Sora 2. Output is one MP4 saved to the project folder. When the workspace also ships an interactive-video / hyperframes skill, prefer composing…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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).
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill minimalist-skill.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh. Distilled from Leonxlnx/taste-skill soft-skill + sections 4–8 of taste-skill.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
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.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A single-file HTML slide deck for presenting a team’s weekly status, including shipped work, ongoing work, blockers, metrics, and requests.
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations, scribbled chart placeholders, hatched fills. Reads like a designer's whiteboard before any pixels are committed. Use when the brief asks for "wireframe", "sketch wireframe"…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: