Design & Media Agent Skills for VS Code

Decides, specifies, builds, debugs, reviews, and improves purposeful web animation with appropriate timing, easing, interruption, spatial…

Designs, builds, reviews, and refines distinctive production web interfaces with deliberate composition, rigorous color systems…

Launches an autonomous, pixel-perfect UI implementation loop using Figma MCP and Chrome.

Search and download royalty-free images and videos from Pixabay.

Strict per-page visual-conformance audit at the verify phase — ONE page/route against a source of truth (Figma MCP nodes, or reference…

Generate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin.

Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping.

Populates investment banking pitch deck templates with data from source files.

Reverse-engineer a company's visual identity from its live website into a reusable style guide, a downloaded image-asset library, and a…

Use this skill when designing system architecture or product mechanics that involve feedback loops at a higher level than UI state…

Event posters, promotional flyers, and announcement design via AI image generation and code generation.

Generate a branded PowerPoint (.pptx) from markdown or an outline using PptxGenJS — slide masters, stat slides, card grids, process flows…

Detailed reference guide for common animation scenarios.

Use when translating a PRD, feature spec, or raw product idea into screen-level prompts for web UX generators (Google Stitch, Figma AI…

Generate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill.

Create a single premium 3D collectible toy-style icon from a requested word or concept.

Create or restyle a living animal or character as a premium 3D collectible icon with short, dense, carefully groomed fur and stylized toy…

Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.

Expert landing page designer specialized in creating premium, professional, high-converting landing pages that don't look AI-generated.

Professional framework for building premium $5k+ SaaS websites with AI - the Define, Build, Review, Refine loop used by real product teams

Designs relationship-driven system architectures, workflows, and visual diagrams tailored for technical reviews and executive presentations.