Design & Media Agent Skills for VS Code

Use when building anything whose success is judged by eye rather than by tests - generative or procedural visual output, UI look and feel…

Specify one micro-interaction completely — trigger, rules, feedback, loops, and modes.

Transforms photos and themes into minimalist, paper-textured acrylic cover illustrations with generous negative space.

A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page.

Give structured, constructive feedback on any design using UX frameworks.

Build icon components where any icon morphs into any other through SVG line transformation.

UI/UX design intelligence for web, mobile, and desktop.

Build or review frontend UI for clean, restrained, human-designed interfaces without generic AI visual patterns.

Frontend development for nteract UI/product surfaces, Elements fixtures, hot reload, dev daemon setup, MCP server workflow, TypeScript…

Design the first-run experience — activation path, progressive disclosure, and time to first value.

Create distinctive, production-grade frontend interfaces with high design quality.

Generate publication-quality AI illustrations for academic papers using Gemini image generation.

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…

Revealing AI capability gradually to match user mental models.

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