Design & Media Agent Skills for Claude Code

Implement single-slide PowerPoint pages with PptxGenJS.

Bitwarden's product content style guide for end-user-facing GUI copy — voice, tone, AP-style-with-exceptions grammar, sentence case in UI…

HTML-first development with CSS-only interactivity patterns.

Automatically generates professional project introduction slides and visual summaries directly from your codebase using AI image generation.

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy…

Choose prototype fidelity and method to match the design question and the decision at stake.

Set line length and measure for comfortable reading across type sizes and breakpoints.

Execute from repository evidence through applicable UI Spec and optional ADR decisions to complete frontend Design Doc approval

Renders realistic, high-fidelity Reddit post UI components optimized for social media sharing and video overlays.

Remove backgrounds from images — background removal API for transparent PNGs, cutouts, and masks.

Design layouts and interactions that adapt across screen sizes and input methods.

Retro Quarterly Review presentation template in a bold blue + orange editorial language.

Styling guide for Saleor Dashboard React components using macaw-ui design system.

Automates the creation of high-quality, standardized component documentation for the SEED Design System using Rootage YAML specs.

Generates professional 15-second product promotional video prompts for the Seedance 2.0 engine with integrated Dreamina CLI support.

Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding.

Extract comprehensive site specifications from simple descriptions.

Check a React component against its Figma design source and identify differences.

Keep Figma and code in sync — map the 3-tier DTCG tokens to Figma Variables (collections + modes), sync in either direction, use the Figma…

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics.

Improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity.