Design & Media Agent Skills

Guide for using ImageMagick command-line tools to perform advanced image processing tasks including format conversion, resizing, cropping…

How to use the image_gen and image_edit tool calls in Grok Build: when to build a visual with code instead of generating it, prompt-craft…

An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful…

Use when Codex needs a frontend design orchestration layer inside the Design/UI family to coordinate `brand-identity`…

Guide for adding MCP UI apps — interactive visualizations that render tool results in MCP clients like Claude Desktop.

Design raw mechanical interfaces with Swiss typographic print and military terminal aesthetics: rigid grids, extreme type scale…

Interactive design refinement with structured exploration

Interface Craft by Josh Puckett — a toolkit for building polished, animated interfaces in React.

Generate sacred geometry patterns with interfaith symbolism for spiritual visualizations and art.

Generates minimalist iPhone lock screen wallpapers combining warm paper textures, realistic torn edges, curated photography, and custom…

Create, edit, or review hand-authored SVGs, including icons, diagrams, illustrations, responsive graphics, and SVG animation.

Use when a user supplies a photo and asks for a refrigerator magnet, souvenir magnet, metallic scenic miniature, travel keepsake, landmark…

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

Best practices for Remotion - Video creation in React

Generate validated fixed-layout Japanese magazine style cards as HTML and PNG.

Use when implementing or reviewing jQuery DOM selection, traversal, manipulation, and method chaining patterns with correct selector…

Core package for defining schemas, catalogs, and AI prompt generation for json-render.

Fix responsive layout issues, missing mobile behavior, touch targets, and viewport handling.

Rewrite confusing UX copy so interfaces explain themselves: labels, buttons, errors, empty states, tooltips.

Evaluate interfaces with two-pass design review: scoring, persona tests, AI slop detection, Nielsen heuristics, and 25 anti-patterns.

Add micro-interactions, transitions, hover states, and feedback animations.