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.

1806 available skills

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.

103.1k
0
Developer

canvas-design

[ Official ]
Logo of anthropics
anthropics

canvas-design is a visual art creation skill that generates original designs using design philosophy, emphasizing visual expression and spatial communication.

103.1k
0
Developer

doc-coauthoring

[ Official ]
Logo of anthropics
anthropics

doc-coauthoring is a collaborative documentation workflow that guides users through a structured process to create high-quality documents, proposals, and technical specifications.

103.1k
0
Developer

frontend-design

[ Official ]
Logo of anthropics
anthropics

frontend-design is a skill that creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics.

103.1k
0
Developer

brand-guidelines

[ Official ]
Logo of anthropics
anthropics

brand-guidelines is a skill that applies Anthropic's official brand identity and style resources to artifacts, ensuring consistent visual formatting and design standards.

103.1k
0
Developer

antd-commit-msg

Logo of ant-design
ant-design

Generate a single-line commit message for ant-design by reading the projects git staged area and recent commit style. Use when the user asks for a commit message, says msg, commit msg, 写提交信息, or wants

97.8k
0
Design

pr

Logo of storybookjs
storybookjs

Creates a pull request following Storybook conventions. Use when creating PRs, opening pull requests, or submitting changes for review.

89.5k
0
Documentation

linear

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, effo

74.3k
0
AI

db-migrations

Logo of lobehub
lobehub

db-migrations is a skill for automating database migrations using AI agents, enabling multi-agent collaboration and effortless workflow design.

74.2k
0
AI

testing

Logo of lobehub
lobehub

Testing guide using Vitest. Use when writing tests (.test.ts, .test.tsx), fixing failing tests, improving test coverage, or debugging test issues. Triggers on test creation, test debugging, mock setup

73.3k
0
AI

zustand

Logo of lobehub
lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management quest

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

Data fetching architecture guide using Service layer + Zustand Store + SWR. Use when implementing data fetching, creating services, working with store hooks, or migrating from useEffect. Triggers on d

72.8k
0
AI