Design & Media Agent Skills for Claude Desktop

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects.

Generate article or newsletter thumbnail candidates using the Gemini API from inside Claude Code.

Map an extracted Figma / source-code token bag onto the active OD design system, producing a deterministic mapping the generate stage can…

Use when implementing or replacing CSS transitions for badges, dropdowns, modals, panels, page changes, resizing cards, number or text…

Showing users what the AI knows, doesn't know, and how confident it is.

Generate and render a pixel-precise ASCII TUI Gap component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC…

TypeGPU and raw WebGPU adapter patterns for HyperFrames.

This skill should be used when creating distinctive, production-grade frontend interfaces with high design quality.

Audit a StyleSeed-based component or page for WCAG 2.2 AA issues and apply practical accessibility fixes where the code makes them safe.

Generate a new UI component following the StyleSeed design conventions

UI component library patterns for shadcn/ui and Radix Primitives.

Authoritative guide for implementing stunning, accessible, performant UI.

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling…

50+ named UX rules with numeric thresholds, 30+ UI styles catalog, industry anti-patterns, pre-delivery checklist

Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.

Generates professional-grade UI/UX design systems and high-fidelity components using an intelligent reasoning engine across 15+ tech stacks.

Creates diagrams via the uml-mcp MCP server (generate_uml, validate_uml, list_diagram_types, generate_uml_batch) and returns shareable…

Strip the "AI-vibecoded slop" look out of a UI and rebuild it as something a real designer would ship.

Design a usability study — research questions, methodology, participant criteria, metrics, and facilitation guide.

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call.

UI/UX best practices for web interfaces.