These skills help an agent build and maintain web frontends. They span React and Vue practices, CSS tools like UnoCSS, component libraries like Chakra UI and shadcn/ui, and component checks.
92 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.
Pick React or Vue skills first, then add styling or component-library skills that match your stack.