AIコーディング向けUXスキルおすすめ（2026年）
AIコーディング向けのUXスキルで最もおすすめなのはflux-kontextです（GitHubスター61・44.3万インストール）。有力な代替候補はflux-2-kleinとui-ux-pro-maxです。
UX、ユーザーリサーチ、ユーザビリティのスキルを、実際の利用データ（インストール数、次にGitHubスター数）でランキングしています。フロントエンド・デザインカテゴリの一部です。全体のおすすめデザインスキル厳選リストもご覧ください。
ランキング：Skillselion · 利用データ：skills.shレジストリとGitHub
UXスキル トップ12
| # | スキル | 対応エージェント | スター | インストール数 |
|---|---|---|---|---|
| 1 | flux-kontextコレクションprime-skills · prime-skills/runcomfy-agent-skillsイチオシ RunComfy上のFlux 1 Kontext Proで、単一参照の高精度な局所画像編集を実行し、忠実度の高い1回限りの変更を行います。 | Claude CodeCursorCodexGrok | 61 | 44.3万 |
| 2 | flux-2-kleinコレクションprime-skills · prime-skills/runcomfy-agent-skills RunComfy上のFlux 2 Klein 4Bまたは9Bで、画像を高速に生成します。ライブでのアートディレクションや、複数参照のスタイリングに対応します。 | Claude CodeCursorCodexGrok | 61 | 44.2万 |
| 3 | ui-ux-pro-maxコレクションnextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill WebプロジェクトとモバイルプロジェクトのUI/UXの判断、コンポーネントの提案、スタイルのガイダンス、コードの改善を、すぐに質の高い形で得られます。 | Claude CodeCursorCodexGrok | 14.7万 | 44万 |
| 4 | design-systemコレクションnextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill Support build phase development with Claude Code | Claude CodeCursorCodexGrok | 14.7万 | 5万 |
| 5 | designコレクションnextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill Support build phase development with Claude Code | Claude CodeCursorCodexGrok | 14.7万 | 4.8万 |
| 6 | ui-stylingコレクションnextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill Support build phase development with Claude Code | Claude CodeCursorCodexGrok | 14.7万 | 4.7万 |
| 7 | brandコレクションnextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill Support build phase development with Claude Code | Claude CodeCursorCodexGrok | 14.7万 | 4.7万 |
| 8 | banner-designコレクションnextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill Support build phase development with Claude Code | Claude CodeCursorCodexGrok | 14.7万 | 4.6万 |
| 9 | slidesコレクションnextlevelbuilder · nextlevelbuilder/ui-ux-pro-max-skill Support build phase development with Claude Code | Claude CodeCursorCodexGrok | 14.7万 | 4.5万 |
| 10 | nuxtコレクションantfu · antfu/skills Tap into Nuxt and Nitro lifecycle events for custom build-time and runtime behavior without rewriting core framework logic. | Claude CodeCursorCodexGrok | 6051 | 2.5万 |
| 11 | Rapidly compose accessible Vue interfaces, dashboards, forms, and branded layouts using 125+ Tailwind-themed components. | Claude CodeCursorCodexGrok | 7058 | 2万 |
| 12 | bmad-agent-ux-designerコレクションbmad-code-org · bmad-code-org/BMAD-METHOD Design conversational and multimodal UX for AI agents—flows, states, affordances, and error recovery—so agent interactions feel trustworthy and usable. | Claude CodeCursorCodexGrok | 5.5万 | 1.4万 |
よくある質問
UXで最もおすすめのスキルはどれですか？
UX分野の第1位はflux-kontextです（44.3万インストール・GitHubスター61）。RunComfy上のFlux 1 Kontext Proで、単一参照の高精度な局所画像編集を実行し、忠実度の高い1回限りの変更を行います。
これらのUXスキルはどのようにランキングされていますか？
UX、ユーザーリサーチ、ユーザビリティのスキルに該当するスキルを、実際の利用データ（インストール数を第1基準、GitHubスター数を第2基準）でランキングしています。データはskills.shレジストリとGitHubに基づきます。
flux-kontextはどうやってインストールしますか？
次のコマンドを実行します: npx skills add https://github.com/prime-skills/runcomfy-agent-skills --skill flux-kontext