Design & Media Agent Skills

Brand strategy and identity design for businesses and products.

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a…

Creates production-ready UI immediately from any description.

Review UI4 CSS migrations for proper token usage.

Read and inspect Figma designs via the Dev Mode MCP server — selects the right tool, parses Figma URLs into fileKey and nodeId, and turns…

Exhaustively extract UX patterns from a reference web app.

Write interface copy — microcopy, error messages, empty states, and CTAs.

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

Automates PDF rendering and visual layout auditing for LaTeX documents to ensure publication-quality typesetting and alignment.

Diagnoses and optimizes LaTeX document layouts using a comprehensive taxonomy of visual typesetting defects.

Turn uploaded photos into full-canvas 3:4 perforated watercolor travel-card posters.

Web UI design patterns for product owners.

Generates high-fidelity 1920x1080 presentations using freeform React component layouts and fixed canvas constraints.

Turn uploaded photos into full-canvas 3:4 isometric healing-block sculpture posters.

A gamer's journey building a retro-arcade collection — the obsession, the hunt, and what the machines came to mean.

Generate user flow diagrams and flowcharts using Mermaid and other formats

Use this skill when the question is whether users can *operate* a UI — keyboard, switch device, voice, screen-reader gestures — not just…

Run a WCAG 2.1 AA accessibility audit on a design or page.

This skill should be used when the user asks to "add an app to my MCP server", "add UI to my MCP server", "add a view to my MCP tool"…

Automate Adobe tasks via Rube MCP (Composio).

Execute Adobe Firefly Services workflow: AI image generation, generative