Design & Media Agent Skills for Claude Code

Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls…

Use this plugin when the user wants a premium dark single-page portfolio landing: cinematic HLS hero video, Instrument-Serif italic…

Generates high-impact 16:9 HTML presentation slides and video voiceover backgrounds tailored for dynamic visual storytelling.

Create and audit editable scientific posters in macro-free PowerPoint (.pptx) from author-approved local content and assets.

Use when validating or repairing an editable PPTX deck for geometry, accessibility, native editability, source lineage, and OOXML package…

Use when analyzing a reference PPTX for read-only structure, theme, typography, layout rhythm, diagnostics, derived template catalogs, or…

Use when authoring or repairing a coordinate-explicit JSON specification for an editable PPTX deck.

Analyze and design pricing strategies including pricing models, competitive pricing analysis, willingness-to-pay estimation, and price…

Frontend engineer — UI components, dashboards, design system implementation, and frontend audits.

Product design analysis from context and screenshots.

Documents the reasoning behind design decisions including alternatives considered, trade-offs evaluated, and principles applied.

Product interaction and UX expert. Use when reviewing UI/UX, conducting heuristic evaluations, designing user journeys, applying cognitive…

Generates brand-aligned, production-ready PowerPoint presentations using curated design systems and standardized business archetypes.

Use this skill when deciding *what to surface* and *what to tuck* — the editorial choices behind progressive disclosure.

Define and document prototype interactions, transitions, and hotspots

Use this skill when laying out a form, fixing a confusing form, or building a form layout convention for a design system.

Generate complete Python scripts that build polished PowerPoint decks with python-pptx and real slide content.

A brutalist poster-series case study for a music festival — the concept, the system, and how it scaled across formats.

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement

React 19 patterns with React Compiler. Trigger: When writing React 19 components/hooks in .tsx (React Compiler rules, hook patterns, refs…

High-quality React component authoring focused on single responsibility, low coupling, and English-only code and comments.