Design & Media Agent Skills for Claude Code

This skill should be used when the user asks to "make this animation feel natural", "fix motion that feels stiff/floaty/cheap", "my…

Audit and improve web accessibility following WCAG 2.1 guidelines.

A rating component for collecting user feedback with customizable icons, colors, and half-star support in Naive UI.

REQUIRED for all image generation requests.

NASApunk retro-futurist frontend design system with a Starfield-inspired modern layer — NASA golden age (1960s–1980s) aesthetic evolved…

Use when adding or reviewing UI navigation so internal routes preserve normal SPA behavior plus Cmd/Ctrl-click and middle-click new-tab…

Generates and refines realistic, smartphone-quality AI images by eliminating synthetic artifacts and plastic textures for social media.

Use when designing or auditing display items for a Nature Geoscience manuscript, where 4-6 figures/tables must carry the Earth-system…

Designs, implements, and optimizes enterprise admin interfaces, marketing websites, design token systems, and interactive HTML technical…

NEO component principle for surface work.

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.

Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded…

Create a container-in-container layout system using nested frames.

Instructs AI agents how to discover, configure, install, and audit components from our Design Wiki registry.

Authors a house-style inline-SVG network diagram for a Tutti design page.

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.

Use when building or restyling Next.js or React UI.

Create polished, self-contained HTML slide decks OR motion-graphics videos, and iterate on them live in a browser visualizer with a side…

Apply lossless, locale-aware line-break and text-fit decisions while creating or reviewing PowerPoint, Google Slides, presentation slides…

Apply interface-design principles while building any interface — screens, forms, flows, CLI commands, TUI views, error messages, empty…