Design & Media Agent Skills for Claude Code

Adapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules.

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…

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind…

Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill.

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives.

Audit UI/UX designs for quality, AI-generated slop, and accessibility.

Build a complete design system from scratch with creative risks and realistic product mockups.

Modern UI design principles and guidelines for building clean, professional interfaces.

Generate developer handoff specs from a design.

Autonomous multi-page site builder using a baton-passing loop.

Use when the user explicitly asks for a standalone HTML page in a restrained minimal style, especially reading-first dashboards, briefs…

Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models.

Use this plugin when the user wants to improve an existing OpenDesign artifact rather than create a new one.

Guidelines on using Design System styles and components.

Design system accessibility auditor. Validates color tokens, CSS custom properties, Tailwind config, and design token files (Style…

Extract a brand's design from any reference the user provides (site URL, screenshot, or existing assets) and generate a full design system…

Extract a complete design system from an existing website or screenshot into a DESIGN.md file.

Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.

Use when users want to create, update, or refresh a visual design system or art style guide.