Ppt As Code
Build HTML presentations with a creator-first workflow and optional PPTX export
What You Can Do
You can create professional presentations in multiple modes—from quick lightweight prototypes to fully referenced decks with visualization planning. The skill guides you through a serial pipeline that normalizes source material, detects your input mode (quick, basic, or advanced), compiles your deck structure, and produces either self-contained HTML or exportable PPTX formats. You maintain control at each gate with clear confirmation points before advancing to the next phase.
Features
Lightweight prototype presentations for rapid ideation and immediate sharing
Deck planning with integrated script writing and image flow sequencing
Reference-driven decks with visualization planning, motion options, and PPTX export
Optional Slidev-inspired `deck.md` draft layer for natural deck composition
Automatic processing and standardization of reference documents
Chart and diagram layout planning before HTML compilation
Convert finalized HTML presentations to PowerPoint format for stakeholder delivery
Optional visual editing environment for real-time presentation refinement
Example Output
Quick Mode Output:
<html>
<head><title>Q3 Roadmap</title></head>
<body>
<section><h1>Q3 Product Roadmap</h1></section>
<section><h2>Key Initiatives</h2><ul><li>Mobile app launch</li><li>API v2 release</li></ul></section>
</body>
</html>
Basic Mode with Script:
- Slide 1: Title + Speaker notes (125 words)
- Slide 2: Image placeholder + talking points
- Slide 3: Chart reference + visualization notes
Advanced Mode Output:
- Compiled
deck_source.jsonwith all references mapped - Motion keyframes for emphasis sequences
- PPTX export file ready for executive distribution
- QA checklist confirming all gaps resolved
What's Included
- SKILL.md: Complete instruction file with serial pipeline rules and execution gates
- Quick Mode Template: Minimal HTML structure for rapid prototypes
- Basic Mode Worksheet: Deck planning canvas with script + image flow sections
- Advanced Mode Checklist: Reference verification, visualization planning, and QA gates
- deck.md DSL Reference: Markdown syntax for draft-layer composition
Who It's For
- Product Managers — Creating quarterly roadmap presentations with source material references
- Design Leaders — Building design system and pattern library presentations with visualization planning
- Business Analysts — Developing stakeholder decks from research documents and data sources
- Content Strategists — Planning narrative-driven presentations with integrated scripts and media flows
- Startup Founders — Rapidly iterating pitch decks with optional export to PowerPoint for investor meetings
Best For
- Staged presentation development from concept to final delivery
- Decks requiring integrated speaker notes and visualization planning
- Reference-driven presentations built from multiple source documents
- Teams needing both HTML prototypes and PPTX handoffs for different audiences
- Markdown-first presentation composition with compilation to multiple formats
You might also like
You can diagnose why layouts break at specific breakpoints and receive precise CSS fixes to resolve them. The skill identifies root causes of overflow problems, flex/grid misalignment, and mobile usability failures, then provides responsive design patterns to prevent similar issues from recurring across your entire project.
by calesthio
Prepare surgical cases by analyzing patient data, risk factors, and anatomical considerations to generate customized approach plans and procedural checklists. You receive a structured surgical strategy that includes approach options, complication contingencies, and post-operative protocols, reducing case preparation time and improving team coordination.
by russell-cell
You can audit and standardize operations, compliance protocols, and team performance across all your veterinary clinic locations simultaneously. This skill helps you create consistent Standard Operating Procedures (SOPs), track compliance metrics, benchmark staff performance, and identify operational bottlenecks across your multi-location practice. You'll gain visibility into financial performance, inventory management, and quality metrics across all clinics, enabling data-driven decisions that improve profitability and patient care consistency.
by russell-cell
This skill consolidates inventory, staff scheduling, financials, and compliance data from all your veterinary clinic locations into unified dashboards and reports. You get real-time visibility into stock levels, staffing efficiency, revenue trends, and regulatory compliance across the entire practice. Generate action plans that prioritize the highest-impact improvements across all locations.
by russell-cell
Generate customized standard operating procedures (SOPs) that address your specific practice workflows, staffing levels, and patient care standards. You'll receive polished, implementable protocols for everything from patient intake to emergency procedures that your entire team can follow consistently. These SOPs reduce errors, improve client satisfaction, and establish scalable systems as your practice grows.
by russell-cell
This skill automates emergency veterinary patient assessment by structuring vital signs evaluation, injury severity classification, and treatment prioritization. You get immediate clinical guidance for differential diagnosis, stabilization protocols, and medication recommendations tailored to each patient's presentation. It standardizes triage outcomes across your team and reduces decision lag during the critical first minutes when patients need rapid intervention.
by russell-cell
You can submit complex dermatology cases with clinical findings, diagnostic test results, and medical history to receive comprehensive differential diagnoses ranked by likelihood. The skill generates detailed treatment protocols with drug selection, dosing regimens, and monitoring recommendations. You also get customizable client-facing educational materials explaining conditions and treatment approaches in accessible language.
by russell-cell
You can rapidly build responsive, production-ready UI designs using Tailwind's utility-first approach. Apply low-level utility classes directly to HTML elements to create custom designs without writing CSS, implement mobile-first responsive layouts, add dark mode and theme customization, and generate optimized CSS bundles through build-time processing that includes only the classes you actually use.
by calesthio