Design & Media Agent Skills for VS Code

UI/UX design intelligence with searchable database

Use when asked to structure a landing page, design page layout for conversion, or plan landing page information architecture.

Use when asked about UX patterns, interaction best practices, form design, navigation patterns, or loading states.

UX designer — user flows, information architecture, wireframes, and interaction design.

Generate Excalidraw diagrams with a hand-drawn aesthetic using Drawbridge.

Automate Dreamstudio tasks via Rube MCP (Composio).

Design legible expressions and custom animations for the ESP32-S3 8x8 LED matrix (Claude's expression channel, matrix_express /…

Enhances auto-generated spectrum-design-data PRs from spectrum-tokens-studio-data sync (branch tokens-sync/patch-spectrum2-from-main…

Builds convincing landscapes, cityscapes, interiors, and imagined environments using terrain, weather, scale, and layered space.

Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll…

The design token system — a four-layer boilerplate (brand primitives → semantic tokens → theme overrides → framework mapping) that any…

Creates, modifies, and validates structured Excalidraw diagrams with automated layout checks and safe review workflows.

Explore and compare multiple meaningfully different UI directions grounded in the current project's design system and 21st inspiration.

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

Use the exposure effect deliberately in onboarding and habit formation — getting users to repeated, low-friction encounters with the…

Extract design primitives from a public website and generate starter token files for your project.

Creates the visuals for a Facebook Page (profile photo = the brand, and cover photo) at Facebook's official dimensions.

Generate images and videos using fal.ai AI models.

Generate images and videos with Kling O3 — Kling's most powerful model family — via fal.ai.

Real-time and streaming AI image generation via fal.ai.

Restore and fix image quality — deblur, denoise, fix faces, and restore old documents using fal.ai's hosted restoration models.