Design & Media Agent Skills for VS Code

Create a private visual direction for a person, product, or brand, then turn it into image concepts, production prompts, and generated…

Generate and edit images using AI. Powered by Nano Banana Pro (Google Gemini image models) with Pollinations.ai and Imagen 4 fallback…

Overlays a numbered, semi-transparent grid on UI screenshots to help developers accurately measure proportions and define layout structures.

Single-image generation skill for posters, key art, and editorial illustrations.

Process images for web development — resize, crop, trim whitespace, convert formats (PNG/WebP/JPG), optimise file size, generate…

Processes and transforms images using resizing, format conversion, and watermarking capabilities within your coding environment.

Convert raster images (photos, paintings, illustrations, line art) into SVG vector reproductions.

Generates and edits vector graphics, covers, logos, and UI components programmatically using SVG authoring and ImageMagick rendering.

Convert and manipulate images with ImageMagick.

Guides design of comfortable, intuitive VR/MR experiences for Meta Quest and Horizon OS — comfort guidelines, interaction patterns…

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize…

Follow-up design polish skill inspired by Impeccable.

Starts from visual examples supplied by the user (a logo, screenshots of their site, existing visuals, an image they like, a moodboard) to…

Use this plugin when the user provides a screenshot or image reference and wants it reconstructed as an editable OpenDesign prototype with…

Design for everyone by treating accessibility as a first-class design discipline, not a compliance checklist.

A tool-neutral skill for generating high-quality Chinese insight infographic image prompts.

Recreate a static PNG/JPG infographic as a one-page editable PowerPoint slide.

Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns.

Build a BenAI-branded HTML page in the neo-brutalist instant-ui design language (cream background, near-black ink, 3px hard borders, 6px…

The entry point for Intent, a UX and design strategy system.

Design interactions people can figure out and recover from — signifiers versus affordances, natural versus arbitrary mapping, feedback…