デザイン・クリエイティブのAgent Skills
ビジュアルデザイン、イラスト、制作素材の生成向けスキルです。 デザイン・クリエイティブのAgent SkillsをClaude Code、Codex、Cursorなどのエージェント向けにまとめたGitHubリポジトリ65件, 先頭はui-ux-pro-max-skill（nextlevelbuilder）。GitHubのスター数順です。
すべて 200+
文書自動化 8
開発・エンジニアリング 86
コードレビュー・品質 10
テスト・デバッグ 1
ワークフロー・生産性 61
デザイン・クリエイティブ 65
コミュニケーション・文章 21
ビジネス・財務 28
ブラウザ・エージェント自動化 9
条件に合うスキルはありません。
1
ui-ux-pro-max-skill
プロジェクト概要からUI/UXデザインシステムを生成するClaudeスキル
145k
今週+2k
2
taste-skill
AI生成のインターフェースをありきたりに見せないための13件のAgent Skillsです。
109.7k
今週+2.3k
3
open-design
プロトタイプ、スライド、動画を人とAIエージェントで作るローカル優先のデザインワークスペース
106.5k
4
impeccable
polish、bolder、critiqueなどのコマンドを備えたコーディングエージェント向けデザイン用語集
101.9k
5
archify
自然言語の説明からアーキテクチャ図やワークフロー図を描く単一のAgent Skillです。
93.3k
今週+5.7k
6
diagram-design
AIコーディングエージェント向けに編集用図表テンプレート39種類を収録したAgent Skill
64.8k
今週+4.2k
7
hallmark
AI生成らしい画一的な見た目を避けるWebサイト向けAgent Skill
47.4k
今週+360
8
frontend-slides
ゼロから、またはPowerPointファイルからアニメーション付きHTMLプレゼンテーションを作成します。
32.1k
9
guizang-ppt-skill
編集雑誌風またはスイスデザイン風の単一HTMLスライドを生成
29.5k
10
huashu-design
プロトタイプ、スライド、インフォグラフィックを作るClaude Code向けのHTMLネイティブなデザインスキル。
28.6k
今週+239
11
baoyu-skills
コンテンツ制作と公開に使えるClaude Codeスキル20件以上。
27.3k
今週+175
12
anatomy
技術的なアイデアを、動作するアイソメトリック図として組み立てて説明します。
25.8k
13
brag
作ったプロジェクトを、1つのコマンドで短い紹介動画にします。
20.7k
14
video-shotcraft
Remotionで作る、映画のような編集可能な製品紹介動画です。
17.7k
15
garden-skills
Webデザイン、動画、画像プロンプト、記事、ローカル検索向けの実用スキル6件
14.7k
16
lemo-opuscar
コードで作られた66種類の映像スタイル。各スタイルにプロンプトとデモ映像があります。
13.5k
17
ui-skills
UIコードを修正・調整するデザインエンジニア向けスキル。
10.8k
18
drawio-skill
自然な言葉や実システムの情報から、編集可能なdraw.ioアーキテクチャ図を作成します。
10.6k
19
html-anything
ローカルエージェントがページを作り、そのまま公開できるHTMLエディター
9.5k
20
stitch-skills
Google Stitchでデザインとコードを生成するAgent Skills 16件以上
8.7k
今週+47
21
anti-slop
ありきたりなUI、文章、コードを出すコーディングエージェントを止めるルール集です。
8.6k
22
guizang-social-card-skill
小紅書カルーセルとWeChatカバー画像ペアを単一HTMLで生成
8k
23
app-store-screenshots
App StoreとGoogle Play向けスクリーンショットを作成するNext.jsエディターを構築
7.9k
24
Skills
Codex、Claude、Cursorなどのコーディングエージェントを使うデザイナーと開発者向けスキルです。
7.2k
今週+165
25
lieflat-charts
グラフ、グラフを使ったスライド資料、全画面HTMLレポートを生成します。
6.8k
26
huashu-art-motion
35のアートスタイルと9つのナレーション文法を使い、コードで作品をアニメーション化します。
6.5k
27
logo-design-skill
最初のブリーフから納品まで、エージェントをブランドアイデンティティデザイナーにします。
6.3k
28
baoyu-design
Claude DesignをローカルのAgent Skillとして実行し、HTMLでモックアップやスライドを作成。
6.2k
29
GPT-Image2-Skill
GPT Image 2向けプロンプト集、画像プロンプトライブラリ、スキル、CLIです。
6k
30
pixelfx
コードで実装したピクセルアート効果244種類と、自作方法を案内するスキル
5.9k
31
agent-sprite-forge
承認済みの静止画1枚を、全アクション分のゲーム用スプライトセットにする。
5.4k
32
appllama-skills
売上上位アプリのパターンを、ネイティブ品質のモバイル画面に活かすスキルです。
5k
33
design-extract
サイトのデザインシステムを抽出し、ありきたりさを評価してUIを照合します。
4.9k
34
ffmpeg-skill
ローカルのFFmpegで動画を編集し、出力も自分で確認できるようエージェントを支援します。
4.8k
35
scroll-craft
アニメーションとスマートフォンでの読みやすさを両立したスクロール連動サイトを設計
4.7k
36
gzh-design-skill
MarkdownをWeChat公式アカウントの記事に貼り付けられるHTMLへ変換します。
4.3k
37
effective-html
ワイヤーフレームから動作するプロトタイプまで、自己完結型HTML成果物を作る8スキル。
4k
38
drama-skills
小説から完成映像まで、AIショートドラマとモーションコミックを制作するスキルです。
3.9k
39
onetake
各ビートが前の動きにつながる、カメラを切らずに撮るモーション映像
3.9k
40
rea-video
動画をショットごとに分析し、再制作の方法を提案します。
3.8k
41
mono-color-skill
1色刷りのエディトリアル印刷風表現。温かみのある紙、網点写真、抑制した文字組みです。
3.6k
42
awesome-design-skills
TypeUI CLIでプロジェクトに追加するデザインスキルのレジストリです。
3.6k
43
skills
Scenario MCPサーバーを通じて画像、動画、音声、3D素材を作る方法をコーディングエージェントに教えます。
3.5k
44
designer-skills
プロダクトデザイナーとUXデザイナーの設計工程を幅広く支援するスキルパック
3.3k
45
narrator-ai-cli-skill
ナレーション付き動画を作るエージェント向けにnarrator-ai-cliを使えるようにします。
3.2k
46
ux-ui-agent-skills
デザイン原則、スキル26件、デザインシステム2,144件を52のゲートで検証。
3.1k
47
anything2explainer
あらゆるテーマをナレーション付きモーショングラフィックス解説動画にします。
3.1k
48
OpenChatCut
複数トラックのタイムラインを備えた、ローカル優先の対話型動画エディター。
3k
49
oil-ui
画面の方向性を1つ提案し、実際のスクリーンショットを見て改善
2.9k
50
motion-design-skill
タイミング、イージング、振り付けなどのモーション原則を、アニメーションコードを書く前にエージェントへ教えます。
2.9k
51
native-subtitle-quote-image
動画から正確なフレームを切り出し、字幕入りの3:4比率のSNS画像を作成
2.9k
52
oil-motion
AI生成動画からスクロール、マウス、タッチ操作に連動するアニメーションを作成
2.8k
53
pixel2motion
ラスター形式のロゴをきれいなSVGにし、アニメーションロゴを作成
2.6k
54
huashu-motion
コーディングエージェントから商用品質の製品発表映像を作成します。
2.5k
55
claude-code-video-toolkit
Claude Codeが台本、ナレーション、音楽、映像を作り、MP4に仕上げるワークスペース
2.5k
56
typeui
AIツールが準拠してUIを作れるデザインシステムを提供するCLIです。
2.2k
57
video-talkcraft
単語単位の同期とRemotionレンダリングに対応したナレーション主導の解説動画です。
2.2k
58
design-dna
参照UIから定量化されたDesign DNA JSONを作成します。
2.1k
59
stack-diagram
技術スタックを一文で説明すると、公式ロゴ付きの構成図を作成
2.1k
60
gbro-collage-broll
3段階の承認フローで、ハーフトーンの紙コラージュBロールを生成します。
1.8k
61
video-podcast-maker
コーディングエージェント向けに、テーマからナレーション付き4K動画を作ります。
1.7k
62
baocut
編集可能なタイムラインを備えたAI動画エージェント。
1.7k
63
superdesign-skill
無限キャンバス上でデザインの方向性を探し、UI、プレゼン、グラフィックを生成します。
961
64
claude-remotion-skill
Remotionで適切なイージング、タイミング、カラーグレーディングを使ったモーショングラフィックスをClaudeに作成させる
876
65
claude-motion-design
HTML、Playwright、ffmpegを使い、コードだけでモーションデザイン動画を作成
795
ui-ux-pro-max-skill
プロジェクト概要からUI/UXデザインシステムを生成するClaudeスキル
145k
今週+2k
2
taste-skill
AI生成のインターフェースをありきたりに見せないための13件のAgent Skillsです。
109.7k
今週+2.3k
3
open-design
プロトタイプ、スライド、動画を人とAIエージェントで作るローカル優先のデザインワークスペース
106.5k
4
impeccable
polish、bolder、critiqueなどのコマンドを備えたコーディングエージェント向けデザイン用語集
101.9k
5
archify
自然言語の説明からアーキテクチャ図やワークフロー図を描く単一のAgent Skillです。
93.3k
今週+5.7k
6
diagram-design
AIコーディングエージェント向けに編集用図表テンプレート39種類を収録したAgent Skill
64.8k
今週+4.2k
7
hallmark
AI生成らしい画一的な見た目を避けるWebサイト向けAgent Skill
47.4k
今週+360
8
frontend-slides
ゼロから、またはPowerPointファイルからアニメーション付きHTMLプレゼンテーションを作成します。
32.1k
9
guizang-ppt-skill
編集雑誌風またはスイスデザイン風の単一HTMLスライドを生成
29.5k
10
huashu-design
プロトタイプ、スライド、インフォグラフィックを作るClaude Code向けのHTMLネイティブなデザインスキル。
28.6k
今週+239
11
baoyu-skills
コンテンツ制作と公開に使えるClaude Codeスキル20件以上。
27.3k
今週+175
12
anatomy
技術的なアイデアを、動作するアイソメトリック図として組み立てて説明します。
25.8k
13
brag
作ったプロジェクトを、1つのコマンドで短い紹介動画にします。
20.7k
14
video-shotcraft
Remotionで作る、映画のような編集可能な製品紹介動画です。
17.7k
15
garden-skills
Webデザイン、動画、画像プロンプト、記事、ローカル検索向けの実用スキル6件
14.7k
16
lemo-opuscar
コードで作られた66種類の映像スタイル。各スタイルにプロンプトとデモ映像があります。
13.5k
17
ui-skills
UIコードを修正・調整するデザインエンジニア向けスキル。
10.8k
18
drawio-skill
自然な言葉や実システムの情報から、編集可能なdraw.ioアーキテクチャ図を作成します。
10.6k
19
html-anything
ローカルエージェントがページを作り、そのまま公開できるHTMLエディター
9.5k
20
stitch-skills
Google Stitchでデザインとコードを生成するAgent Skills 16件以上
8.7k
今週+47
21
anti-slop
ありきたりなUI、文章、コードを出すコーディングエージェントを止めるルール集です。
8.6k
22
guizang-social-card-skill
小紅書カルーセルとWeChatカバー画像ペアを単一HTMLで生成
8k
23
app-store-screenshots
App StoreとGoogle Play向けスクリーンショットを作成するNext.jsエディターを構築
7.9k
24
Skills
Codex、Claude、Cursorなどのコーディングエージェントを使うデザイナーと開発者向けスキルです。
7.2k
今週+165
25
lieflat-charts
グラフ、グラフを使ったスライド資料、全画面HTMLレポートを生成します。
6.8k
26
huashu-art-motion
35のアートスタイルと9つのナレーション文法を使い、コードで作品をアニメーション化します。
6.5k
27
logo-design-skill
最初のブリーフから納品まで、エージェントをブランドアイデンティティデザイナーにします。
6.3k
28
baoyu-design
Claude DesignをローカルのAgent Skillとして実行し、HTMLでモックアップやスライドを作成。
6.2k
29
GPT-Image2-Skill
GPT Image 2向けプロンプト集、画像プロンプトライブラリ、スキル、CLIです。
6k
30
pixelfx
コードで実装したピクセルアート効果244種類と、自作方法を案内するスキル
5.9k
31
agent-sprite-forge
承認済みの静止画1枚を、全アクション分のゲーム用スプライトセットにする。
5.4k
32
appllama-skills
売上上位アプリのパターンを、ネイティブ品質のモバイル画面に活かすスキルです。
5k
33
design-extract
サイトのデザインシステムを抽出し、ありきたりさを評価してUIを照合します。
4.9k
34
ffmpeg-skill
ローカルのFFmpegで動画を編集し、出力も自分で確認できるようエージェントを支援します。
4.8k
35
scroll-craft
アニメーションとスマートフォンでの読みやすさを両立したスクロール連動サイトを設計
4.7k
36
gzh-design-skill
MarkdownをWeChat公式アカウントの記事に貼り付けられるHTMLへ変換します。
4.3k
37
effective-html
ワイヤーフレームから動作するプロトタイプまで、自己完結型HTML成果物を作る8スキル。
4k
38
drama-skills
小説から完成映像まで、AIショートドラマとモーションコミックを制作するスキルです。
3.9k
39
onetake
各ビートが前の動きにつながる、カメラを切らずに撮るモーション映像
3.9k
40
rea-video
動画をショットごとに分析し、再制作の方法を提案します。
3.8k
41
mono-color-skill
1色刷りのエディトリアル印刷風表現。温かみのある紙、網点写真、抑制した文字組みです。
3.6k
42
awesome-design-skills
TypeUI CLIでプロジェクトに追加するデザインスキルのレジストリです。
3.6k
43
skills
Scenario MCPサーバーを通じて画像、動画、音声、3D素材を作る方法をコーディングエージェントに教えます。
3.5k
44
designer-skills
プロダクトデザイナーとUXデザイナーの設計工程を幅広く支援するスキルパック
3.3k
45
narrator-ai-cli-skill
ナレーション付き動画を作るエージェント向けにnarrator-ai-cliを使えるようにします。
3.2k
46
ux-ui-agent-skills
デザイン原則、スキル26件、デザインシステム2,144件を52のゲートで検証。
3.1k
47
anything2explainer
あらゆるテーマをナレーション付きモーショングラフィックス解説動画にします。
3.1k
48
OpenChatCut
複数トラックのタイムラインを備えた、ローカル優先の対話型動画エディター。
3k
49
oil-ui
画面の方向性を1つ提案し、実際のスクリーンショットを見て改善
2.9k
50
motion-design-skill
タイミング、イージング、振り付けなどのモーション原則を、アニメーションコードを書く前にエージェントへ教えます。
2.9k
51
native-subtitle-quote-image
動画から正確なフレームを切り出し、字幕入りの3:4比率のSNS画像を作成
2.9k
52
oil-motion
AI生成動画からスクロール、マウス、タッチ操作に連動するアニメーションを作成
2.8k
53
pixel2motion
ラスター形式のロゴをきれいなSVGにし、アニメーションロゴを作成
2.6k
54
huashu-motion
コーディングエージェントから商用品質の製品発表映像を作成します。
2.5k
55
claude-code-video-toolkit
Claude Codeが台本、ナレーション、音楽、映像を作り、MP4に仕上げるワークスペース
2.5k
56
typeui
AIツールが準拠してUIを作れるデザインシステムを提供するCLIです。
2.2k
57
video-talkcraft
単語単位の同期とRemotionレンダリングに対応したナレーション主導の解説動画です。
2.2k
58
design-dna
参照UIから定量化されたDesign DNA JSONを作成します。
2.1k
59
stack-diagram
技術スタックを一文で説明すると、公式ロゴ付きの構成図を作成
2.1k
60
gbro-collage-broll
3段階の承認フローで、ハーフトーンの紙コラージュBロールを生成します。
1.8k
61
video-podcast-maker
コーディングエージェント向けに、テーマからナレーション付き4K動画を作ります。
1.7k
62
baocut
編集可能なタイムラインを備えたAI動画エージェント。
1.7k
63
superdesign-skill
無限キャンバス上でデザインの方向性を探し、UI、プレゼン、グラフィックを生成します。
961
64
claude-remotion-skill
Remotionで適切なイージング、タイミング、カラーグレーディングを使ったモーショングラフィックスをClaudeに作成させる
876
65
claude-motion-design
HTML、Playwright、ffmpegを使い、コードだけでモーションデザイン動画を作成
795