Design & Media Agent Skills for Claude Code

A brand visual-identity system reveal for an outdoor label — logo, color, type, and the rules that keep it consistent.

Custom authentication flows and component appearance - hooks (useSignIn,

A customer-success workshop onboarding users to a project-management app — the first-value path and the habits that retain.

Admin / analytics dashboard in a single HTML file.

A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day…

Design engineering principles for making interfaces feel polished.

Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.

A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2…

Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE…

A type-and-color system for a culture magazine relaunch — the grid, the tri-tone palette, and the layout kit.

Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.

Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member…

MUST USE for frontend/web UI/UX/visual work: building, styling, redesigning pages/components, React setup, performance audits, visual QA…

Frontend UI: pages, apps, components, polished non-generic design.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.

A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage.

Generate transient or saved inline chat UI with Alpine/Tailwind controls, outputs, app state, and extensions.

Mandatory design-brief gate for clarifying the product and outcome.

Web typography from choosing fonts to spacing, wrapping and accessibility.

A municipal urban-tree-canopy policy proposal — the public need, the evidence, the options, and the funding decision.