Design & Media Agent Skills for Claude Code

Modern React UI patterns for loading states, error handling, and data fetching.

Best practices for Remotion - Video creation in React

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.

Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs.

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibility, and component ergonomics.

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives

Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen scaffold.

Create interface designs, wireframes, and design systems.

Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss design language as the implementation…

Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.

Automate Visme tasks via Rube MCP (Composio).

Generates high-end WebGL-style fluid displacement backgrounds with quote overlays for cinematic video intros and landing page heroes.

Converts structured outlines into high-impact, slogan-style HTML presentations with ultra-bold typography and minimalist aesthetics.

Generate a publication-quality methodology diagram from a text file using PaperBanana.

Generates high-quality images, logos, artwork, and avatars directly through the internal LLM gateway using gpt-image-2.

Create logos using AI image generation. Discuss style/ratio, generate variations, iterate with user feedback, crop, remove background, and…

Automate Logo Dev tasks via Rube MCP (Composio).

Creates animated GIFs optimized for Slack including emoji animations and message GIFs with proper sizing and frame rates.