Design & Media Agent Skills

Audit UX against established UX laws, cognitive principles, and Nielsen's heuristics — with actionable fixes

Builds a UX benchmark of one product flow across competitors, using screens captured from public YouTube walkthroughs.

Use this skill when flows feel clunky, users are confused, navigation needs planning, onboarding needs design, or accessibility needs…

Evaluate and improve interface usability using heuristic analysis.

Apply behavioral psychology and persuasive design principles to UX flows.

Core UX principles for product owners. Load when evaluating interface designs, writing acceptance criteria with UX requirements, or…

Conducts comprehensive user research, analyzes customer feedback, and generates data-driven personas for product optimization.

Image generation endpoints and available styles via the Venice.ai API.

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.

Use when rendering layout-based visual designs in PNG/PDF with design principles.

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.

This skill should be used when the user asks "compare these videos", "which source is better", "compare blu-ray vs web", "which release…

Extract and process video frames for scroll-animations, sprites, and AI training

Enforces professional visual design standards — typography, color systems, layout hierarchy, components, and animations — on every UI task.

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