Design & Media Agent Skills for Claude Code

Create interface designs, wireframes, and design systems.

S2 multi-dimensional cross-analysis table development assistant (Expert Skill).

Single-page SaaS landing with hero, features, social proof, pricing, and CTA.

A cherry-blossom-season travel photo essay through Kyoto — the arrival, the peak bloom, and the moment that made the trip.

Visual design intelligence and UI aesthetics.

Generate mermaid diagrams — flowcharts for architecture, sequence diagrams for interactions.

Build speculative worlds, neon, and future surfaces.

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces.

Install and configure shadcn/ui components for React projects.

Shared artifact registry, common artifact patterns, and integration validation.

Automate Shotstack tasks via Rube MCP (Composio).

Use when creating clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento layouts.

Create React components, hooks, or utilities following the modlet pattern.

Explore a Figma file to discover all pages, components, and component sets using the Figma REST API.

Implement React components from Figma designs.

Shape interiors with window key and bounce.

Light with overcast, soft, shadowless daylight.

Use when the user asks to remove a visual watermark, logo, or overlay from an image.

HTML presentation deck generator and multi-format exporter.

Use this skill when designing to prevent or recover from execution errors — actions that don''t match the user''s intent.

Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates.