Design

Creative and design automation skills for UI generation, visual systems, branding, and front-end workflows.

This directory brings installable AI Agent skills into one place so you can filter by search, category, topic, and official source, then install them directly into Claude Code, Cursor, Windsurf, and other supported environments.

2500 available skills

webapp-testing

[ Official ]
Logo of anthropics
anthropics

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

83.9k
0
Developer

pptx

[ Official ]
Logo of anthropics
anthropics

Use this skill any time a .pptx 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 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, layouts, speaker notes, or comments. Trigger whenever the user mentions \deck,\ \slides,\ \presentation,\ or references a .pptx filename, regardless of what they plan to do with the content afterward. If a .pptx file needs to be opened, created, or touched, use this skill.

83.9k
0
Developer

web-artifacts-builder

[ Official ]
Logo of anthropics
anthropics

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.

83.9k
0
Developer

canvas-design

[ Official ]
Logo of anthropics
anthropics

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.

83.9k
0
Developer

doc-coauthoring

[ Official ]
Logo of anthropics
anthropics

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

83.9k
0
Developer

frontend-design

[ Official ]
Logo of anthropics
anthropics

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

83.9k
0
Developer

brand-guidelines

[ Official ]
Logo of anthropics
anthropics

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

83.9k
0
Developer

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

cross-repo-testing

Logo of OpenHands
OpenHands

cross-repo-testing is a skill that enables AI-driven development by facilitating end-to-end testing across repositories, ensuring seamless integration of SDK and Cloud backend.

69.7k
0
Developer

babysit-pr

Logo of openai
openai

Lightweight coding agent that runs in your terminal

62.0k
0
Developer

ckm:brand

Logo of nextlevelbuilder
nextlevelbuilder

An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms

45.3k
0
Design