设计

适用于 UI 生成、视觉系统、品牌设计与前端工作流的创意设计技能。

这个技能目录把可安装的 AI Agent 技能集中在一起,方便你按搜索、分类、主题和官方来源快速筛选,并直接安装到 Claude Code、Cursor、Windsurf 等环境。

1787 可用技能

web-artifacts-builder

[ 官方 ]
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
开发者工具

canvas-design

[ 官方 ]
Logo of anthropics
anthropics

Canvas设计技能是指使用设计哲学创建美丽的视觉艺术

103.1k
0
开发者工具

doc-coauthoring

[ 官方 ]
Logo of anthropics
anthropics

文档协同编辑是指通过结构化工作流程,引导用户创建和完善文档的过程

103.1k
0
开发者工具

frontend-design

[ 官方 ]
Logo of anthropics
anthropics

This AI agent skill generates creative, polished code and UI design for web components, pages, and applications, helping developers create production-grade frontend interfaces with exceptional attention to aesthetic details.

103.1k
0
开发者工具

brand-guidelines

[ 官方 ]
Logo of anthropics
anthropics

Anthropic品牌指南技能是一种应用Anthropic官方品牌色彩和字体的技能

103.1k
0
开发者工具

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
设计

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
文档处理

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.

74.3k
0
AI

db-migrations

Logo of lobehub
lobehub

db-migrations AI技能是一种用于数据库迁移和管理的AI工具

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

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

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

72.8k
0
AI