Design & Media Agent Skills for Claude Code

Generates Spotify-style 'Now Playing' UI cards with album art, progress bars, and playback controls for web and video overlays.

Generates authentic Spotify-style UI cards with album art, progress bars, and playback controls for video overlays and personal sites.

A pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g.

Generate Chinese / Japanese speech with StepFun's stepaudio-2.5-tts — Contextual TTS that replaces step-tts-2's `voice_label` with…

Create a six-frame storyboard that shows a user's journey from problem to solution.

Design, critique, simplify, and improve digital products and interfaces.

Suede Labs AI design skill for making an interface feel intentional instead of templated: design tokens, color strategy, OKLCH ramps, type…

Suede-affiliated onboarding and activation strategy for first-run sequencing, empty states, setup checklists, activation milestones, time…

Suede-owned signup conversion discipline.

Design unbiased survey instruments — question wording, scales, and sampling — to measure attitudes at scale.

Svelte component patterns. Use for web components, component libraries (Bits UI, Ark UI, Melt UI), form patterns, or third-party…

Generates professional, print-ready SVG diagrams and technical illustrations for books and articles directly within Markdown files.

Portrait Mode for SVGs — foveated vectorization with 4-zone selective detail.

Run AI-assisted synthetic usability tests on URLs, prototypes, Figma files, screenshots, docs, CLI/API workflows, and interface artifacts…

Tailwind CSS 4 patterns and best practices.

Use this skill when assessing design system maturity, evaluating adoption health, analyzing component duplication, or calculating design…

Design taste evaluation framework — DVF primary filter, Apple/Google/Jobs design principles as explicit scoring criteria, weighted…

Patterns for building desktop operator consoles in Tauri (React + TypeScript), focusing on real-time data binding, live list refresh…

Unified team skill for frontend development.

Unified team skill for interactive component crafting.

Use for any image creation or editing request — logo, sticker, product mockup, nano banana, t2i, i2i, multi-reference compositing via…