Design & Media Agent Skills

Automate Veo tasks via Rube MCP (Composio).

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component…

Review UI code for Web Interface Guidelines compliance.

Define version control for design files, components, and libraries — branching, naming, and release.

Generates high-impact video intro quote reveals featuring cinematic cursor trails and chromatic aberration effects.

Generate design systems with color palettes, typography, spacing scales, component tokens, and Tailwind config

Figma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.

This skill should be used when the user asks to analyze a UI screen recording and map interaction states into Figma.

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.

Use when making UI/frontend changes guided by visual context, when the user selects elements visually, draws annotations, or provides…

Map colors, typography, spacing, imagery style, and layout patterns to specific target emotions, demographic groups, and conversion goals.

HTML explainers, diagrams, architecture, timelines, source maps, slide decks, comparison tables, recaps, plan and diff reviews.

Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order.

Apply the Von Restorff Effect — the element that differs from its neighbours is the one remembered.

Vue.js is a progressive JavaScript framework for building user interfaces.

Apply the principle of Wabi-Sabi — the aesthetic embrace of imperfection, impermanence, and naturalness.

WCAG 2.2 AA accessibility compliance patterns for web applications.

Audits the selected frame's AI-readiness across 4 dimensions (layer naming, auto-layout, variables/tokens, component structure) by…

Audit UI files for accessibility, interaction, performance, and UX implementation quality.

Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion…

AI 2D to 3D image converter — transform a flat 2D image into a 3D rendered version