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.

1789 skills disponíveis

web-artifacts-builder

[ Oficial ]
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
Desenvolvedor

canvas-design

[ Oficial ]
Logo of anthropics
anthropics

O que é habilidade de agente de IA canvas-design? É uma habilidade que permite criar arte visual em documentos PNG e PDF usando filosofia de design.

103.1k
0
Desenvolvedor

doc-coauthoring

[ Oficial ]
Logo of anthropics
anthropics

Coautoria de documentos é uma habilidade de agente de IA que ajuda a criar conteúdo estruturado de forma colaborativa

103.1k
0
Desenvolvedor

frontend-design

[ Oficial ]
Logo of anthropics
anthropics

O que é um agente de IA para design de frontend? É uma habilidade que cria interfaces de frontend personalizadas e de alta qualidade com design criativo e polido.

103.1k
0
Desenvolvedor

brand-guidelines

[ Oficial ]
Logo of anthropics
anthropics

O que é o skill de diretrizes de marca da Anthropic? É um conjunto de regras para aplicar a identidade visual da empresa

103.1k
0
Desenvolvedor

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 one-line text that covers all staged changes. Output should match the repositorys existing commit style and summarize all staged changes in one line.

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, effortless agent team design, and introducing agents as the unit of work interaction.

db-migrations

Logo of lobehub
lobehub

db-migrations é uma habilidade que permite gerenciar migrações de banco de dados

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, or test-related questions.

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 questions, or action implementation.

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 data loading, API calls, service creation, or store data fetching tasks.