Frontend Slides
Create animated HTML presentations with a coding agent. Compare visual style previews, build a single-file deck, or turn an existing PowerPoint into web slides.
These skills help an agent produce polished HTML and CSS, often as standalone artifacts. Examples include HTML slide decks, web artifacts, utility CSS and Markdown conversion.
25 skillsCreate animated HTML presentations with a coding agent. Compare visual style previews, build a single-file deck, or turn an existing PowerPoint into web slides.
Convert Markdown into styled, WeChat-compatible HTML with support for code, math and diagrams.
Create single-file HTML presentations in editorial magazine or Swiss style, with horizontal navigation, speaker notes, rehearsal timers and a synchronized audience window.
Create explorable HTML diagrams for architectures, workflows, state, schemas, timelines and everyday plans.
Produce browser-route hand-drawn and picturebook videos from an approved plan and reviewed media.
Analyze a user's Plannotator plan archive to extract denial patterns, feedback taxonomy, evolution over time, and actionable prompt improvements — then produce a polished HTML dashboard report. Falls back to Claude Code ExitPlanMode denial reasons when Plannotator data is unavailable.
Write a self-contained HTML design document that explains a pull request and its before-and-after behavior.
Build multi-component HTML artifacts with React, state management and a bundled delivery workflow.
Build themed HTML plan artifacts, dashboard iframes and Slack attachments for the Open SWE runtime.
Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when creating or restyling any visual HTML deliverable and deciding its palette, type pairing, layout, theming, or overall register, or when the output must not look generically AI-generated.
Convert Markdown into HTML that can be copied into the WeChat Official Account editor, with fifteen built-in visual styles.
Generate self-contained HTML visualizations with Plannotator theming.
Turn articles or scripts into click-driven web presentations with optional synthesized narration.
Use slide or artifact skills for single-file outputs, UnoCSS or shadcn/ui for app styling, and polish skills for spacing and detail.