デザイン

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 利用可能なスキル

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

キャンバスデザインスキルとは、デザイン哲学を使用して美しいビジュアルアートを作成すること

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