Design & Media Agent Skills for Claude Code

Review a web app or page for visual design quality — layout, typography, spacing, colour, hierarchy, consistency, interaction patterns…

UI/UX design intelligence. 57 styles, 95 palettes, 56 font pairings, 24 charts, 12 stacks (React, Next.js, Vue, Nuxt, Nuxt UI, Svelte…

Map one persona's end-to-end experience with stages, touchpoints, emotions, and pain points.

Converts natural language descriptions into structured JSON schemas for Nano Banana Pro (Gemini 3 Pro Image).

Generates elegant, editorial-grade documents featuring a warm parchment aesthetic and professional serif typography.

Generates high-fidelity, Apple-quality presentation decks with seamless keyboard navigation and minimalist aesthetics.

Automate Kraken IO tasks via Rube MCP (Composio).

Comprehensive guide for creating effective landing pages using Next.js or React.

Apply the Law of Proximity — spatial closeness groups elements more strongly than any other cue.

Use this plugin when the user wants a cinematic, layered-parallax architecture-studio landing page (brand 'Qelora'): fullscreen background…

Audits existing surface against lower-layer decisions and produces a surface decision inventory — vocabulary, object consistency…

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.

Generates professional cinematic video frames featuring authentic film light leaks, 35mm grain, and classic serif typography.

Automate Abstract tasks via Rube MCP (Composio).

Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and…

Mandatory skills, conventions, and behavioral rules for Avalonia UI development using the Zafiro toolkit.

Build React components, implement responsive layouts, and handle client-side state management.

Automate Plasmic tasks via Rube MCP (Composio).

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

Comprehensive design guide for web and mobile applications.