Agent Skills

frontend-design

✓★ 31,500

by anthropic

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…

frontend-design

✓★ 31,500

by anthropic

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purple...

playground

✓★ 31,500

by anthropic

Self-contained HTML playgrounds with live preview, interactive controls, and copyable prompt output. Includes five templates for common playground types: design decisions, data exploration, concept mapping, document critique, and code review Every playground features instant live preview, natural-language prompt generation that only mentions non-default choices, and a one-click copy button Built as single HTML files with no external dependencies, dark theme by default, and sensible presets...

web-design-guidelines

★ 28,600

by vercel

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…

Web Interface Guidelines

★ 28,600

by Vercel

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".

langgraph-docs

★ 25,700

by langchain-ai

Access LangGraph documentation to build stateful agents and multi-agent workflows. Fetches official LangGraph Python docs covering state machines, graph-based agent design, and human-in-the-loop patterns Prioritizes relevant documentation by query type: implementation guides for how-to questions, concept pages for theory, tutorials for end-to-end examples, and API references for technical details Automatically selects 2–4 most relevant documentation URLs and retrieves their content to answer...

agent-dx-cli-scale

★ 24,800

by google-labs-code

A scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents" principles.

winui-app

✓★ 23,200

by openai

Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns,…

figma-create-new-file

✓★ 23,200

by openai

Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma.…

figma-create-design-system-rules

✓★ 23,200

by openai

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design…

chatgpt-apps

✓★ 23,200

by openai

Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools,…

figma-generate-library

✓★ 23,200

by openai

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set…

figma-generate-design

✓★ 23,200

by openai

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to…

figma-code-connect-components

✓★ 23,200

by openai

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map…

figma

✓★ 23,200

by openai

Fetch design context, screenshots, and assets from Figma, then translate designs into production code. Provides three core commands: get_design_context for structured node representation, get_screenshot for visual reference, and asset download via localhost endpoints Requires a mandatory workflow: fetch design context, retrieve screenshot, download assets, then implement using project conventions and design tokens Outputs React + Tailwind as a design representation; implementation must reuse...

figma-implement-design

✓★ 23,200

by openai

Translate Figma designs into production-ready code with pixel-perfect visual fidelity. Structured seven-step workflow: extract node IDs from Figma URLs, fetch design context and screenshots, download assets, translate to project conventions, and validate against Figma specs Integrates with Figma MCP server (remote or desktop) to access layout properties, typography, colors, design tokens, and component structure Emphasizes design system reuse, design token mapping, and 1:1 visual parity;...

design-handoff

✓★ 22,300

by anthropic

Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet covering layout, design tokens, component…

org-planning

✓★ 22,300

by anthropic

Headcount planning, org design, and team structure optimization. Trigger with "org planning", "headcount plan", "team structure", "reorg", "who should we hire…

content-creation

✓★ 22,300

by anthropic

Marketing content templates and frameworks across blog, email, social, landing pages, and press releases. Includes structured templates for six content types with specific word counts, section guidance, and SEO integration for each format Covers channel-specific best practices: LinkedIn storytelling, Twitter threading, email personalization, and mobile-first web design Provides headline and hook formulas (contrarian statements, statistics, scenarios), CTA principles with action verbs, and...

email-sequence

✓★ 22,300

by anthropic

Design and draft multi-email sequences with full copy, timing, branching logic, exit conditions, and performance benchmarks. Use when building onboarding, lead…

architecture

✓★ 22,300

by anthropic

Create or evaluate an architecture decision record (ADR). Use when choosing between technologies (e.g., Kafka vs SQS), documenting a design decision with…

testing-strategy

✓★ 22,300

by anthropic

Design test strategies and test plans. Trigger with "how should we test", "test strategy for", "write tests for", "test plan", "what tests do we need", or when…

create-cowork-plugin

✓★ 22,300

by anthropic

Build a new plugin from scratch through guided conversation. Walk the user through discovery, planning, design, implementation, and packaging — delivering a ready-to-install .plugin file at the end.

data-visualization

✓★ 22,300

by anthropic

Chart selection guidance, Python code patterns, and design principles for effective data visualizations. Comprehensive chart selection table covering 13+ chart types with guidance on when to use each and common anti-patterns to avoid (pie charts, 3D, dual-axis) Ready-to-use Python code examples for line charts, bar charts, histograms, heatmaps, small multiples, and interactive Plotly visualizations with professional styling Design principles covering color theory (sequential, diverging,...

user-research

✓★ 22,300

by anthropic

Plan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or…

design-critique

✓★ 22,300

by anthropic

Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this…

accessibility-review

✓★ 22,300

by anthropic

Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design…

design-system

✓★ 22,300

by anthropic

Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a…

design-mcp-workflow

✓★ 22,300

by anthropic

Design a Zoom MCP workflow for Claude. Use when deciding whether Zoom MCP fits a task, when planning tool-based AI workflows, or when separating MCP…

system-design

✓★ 22,300

by anthropic

Design systems, services, and architectures. Trigger with "design a system for", "how should we architect", "system design for", "what's the right architecture…