Design & Media Agent Skills for VS Code

Toolcraft: use when a generated app task includes a Figma URL, node ID, or design-to-code requirement.

Run or review topology-optimized FDM structural parts from design envelope and BESO through symmetry control, printable reconstruction…

Provides patterns and best practices for TouchDesigner via MCP API - operator creation, network layout, rendering, GLSL shaders, data…

Build a product trailer as HTML scenes rendered to MP4 — the Nexus/Qontext house style.

Transform a user-uploaded photograph into one horizontal collectible memory card with a large quiet editorial illustration, six integrated…

Research latest UI/UX trends from Dribbble and design communities.

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

Use when a Design/UI task needs typography improvements, font choice, hierarchy, sizing, weight, line length, readability, or text…

Audits web typography against 78 rules in 10 categories: font selection and @font-face setup, sizing and measure, punctuation, spacing and…

Browse and select fonts from Google Fonts or curated pairings.

Give any uCoz site a beautiful, modern makeover — safely.

Analyze UI design screenshots and generate React components with TypeScript and Tailwind CSS.

Add purposeful animations and transitions to UI — enforces motion budget, bans bounce/elastic easing, and requires prefers-reduced-motion…

Builds distinctive, production-grade UI: pages, components, visual polish against screenshots or first-impression complaints, typography…

Use when a UI cloning attempt produced a poor or incomplete result and needs to be improved iteratively.

Use when performing a forensic analysis of a target website as part of the UI cloning pipeline.

Use after generating a UI replication prompt to verify it meets all quality standards before delivery.

Introduce strategic color to monochromatic or under-colored UIs — OKLCH-first palette generation with contrast validation, register-aware…

Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibility, and component ergonomics.

Extracts reusable component inventories, design tokens, and accessibility contracts from existing page implementations.

Acquire approved external UI components and normalize them into a project's design system.