Design & Media Skills

Make agents produce distinctive, production-grade web interfaces

Anthropic's frontend design skill guides agents toward bold typography, cohesive palettes and polished layouts instead of generic AI-generated design.

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

Free skill exchange for AI agents: 32+ signed, versioned skills to download and use

The Playbook is a free skill exchange for AI agents: 32+ signed, versioned skills across coding, writing, data, and automation that agents can download and use directly. Anyone can submit skills, and human moderation keeps the catalog trustworthy.

A collection of beautifully designed Shadcn UI blocks, components, templates, and dashboard layouts

Shadcn Space offers a comprehensive collection of free and premium Shadcn UI blocks, components, templates, and dashboard layouts tailored for React and Next.js applications. These resources are designed with accessibility, usability, and aesthetic appeal in mind, utilizing Base UI and Radix UI primitives styled with Tailwind CSS. Developers can copy-paste or install them via the Shadcn CLI, facilitating a seamless integration into projects.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check acc

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit fr

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fronten

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. Th

Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx or .potx filename, regardless of what they plan to do with the content afterward. If a .pptx or .potx file needs to be opened, created, or touched, use this skill.

A Claude skill for d3.js.

A Claude skill for d3.js.

From text & real sources to maintainable .drawio architecture models: Diagram IR with source-kind pr

From text & real sources to maintainable .drawio architecture models: Diagram IR with source-kind profiles, incremental sync preserving manual layout, multi-view projection, architecture-as-test with a CI action, query/review, what-if, accessible Story Mode, and a built-in MCP server

Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle dia

Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.

38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No

38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.