AIコーディング向けUIデザインスキルおすすめ（2026年）
AIコーディング向けのUIデザインスキルで最もおすすめなのはweb-design-guidelinesです（GitHubスター3.4万・83.7万インストール）。有力な代替候補はlark-docとlark-baseです。
UIデザインと見た目の仕上げのスキルを、実際の利用データ（インストール数、次にGitHubスター数）でランキングしています。フロントエンド・デザインカテゴリの一部です。全体のおすすめデザインスキル厳選リストもご覧ください。
ランキング：Skillselion · 利用データ：skills.shレジストリとGitHub
UIデザインスキル トップ12
| # | スキル | 対応エージェント | スター | インストール数 |
|---|---|---|---|---|
| 1 | web-design-guidelinesコレクションvercel-labs · vercel-labs/agent-skillsイチオシ 最新のVercel Web Interface Guidelinesに照らして、一貫性、アクセシビリティ、UX品質の観点からフロントエンドのコードを自動で監査します。 | Claude CodeCursorCodexGrok | 3.4万 | 83.7万 |
| 2 | lark-docコレクションlarksuite · larksuite/cli エージェントのワークフローから直接、Feishu/Larkのクラウドドキュメントを作成、閲覧、更新、要約、書き換え、管理します。 | Claude CodeCursorCodexGrok | 1.8万 | 49万 |
| 3 | lark-baseコレクションlarksuite · larksuite/cli 社内ツール、ダッシュボード、データパイプライン、自動化ワークフローを構築する際に、lark-cliを通じてFeishu(Lark)のBase多次元テーブルを確実に操作します。 | Claude CodeCursorCodexGrok | 1.8万 | 48.7万 |
| 4 | lark-sharedコレクションlarksuite · larksuite/cli lark-cliを通じてFeishu/Larkの操作を自動化する際に、正しく初期化、認証し、権限のフローを処理します。 | Claude CodeCursorCodexGrok | 1.8万 | 48.6万 |
| 5 | lark-driveコレクションlarksuite · larksuite/cli エージェントのワークフローから直接、Lark(Feishu)のクラウドストレージ内のファイルをアップロード、ダウンロード、整理、インポート、管理します。 | Claude CodeCursorCodexGrok | 1.8万 | 48.4万 |
| 6 | lark-imコレクションlarksuite · larksuite/cli AIコーディングエージェントやCLIのワークフローから直接、Feishu(Lark)内のメッセージ、ファイル、リアクション、グループチャットを送信、受信、検索、管理します。 | Claude CodeCursorCodexGrok | 1.8万 | 48.4万 |
| 7 | lark-sheetsコレクションlarksuite · larksuite/cli AIコーディングエージェントから直接、Lark(Feishu)内のスプレッドシートを作成、読み取り、更新、エクスポートします。 | Claude CodeCursorCodexGrok | 1.8万 | 48.3万 |
| 8 | lark-wikiコレクションlarksuite · larksuite/cli AIエージェントのワークフローから直接、Lark(Feishu)のナレッジベース内のドキュメント、スペース、メンバーを作成、整理、検索、管理します。 | Claude CodeCursorCodexGrok | 1.8万 | 48.2万 |
| 9 | lark-whiteboardコレクションlarksuite · larksuite/cli エージェントへの指示から直接、正しく配置されたコネクタ、自動ルーティング、適切なスキーマ準拠を備えた、有効なLarkホワイトボード(Feishu Board)ドキュメントを生成します。 | Claude CodeCursorCodexGrok | 1.8万 | 48.1万 |
| 10 | lark-taskコレクションlarksuite · larksuite/cli コーディングエージェントに、自然言語から直接、Lark/Feishu内のタスクを作成、更新、追跡、割り当て、整理させます。 | Claude CodeCursorCodexGrok | 1.8万 | 48.1万 |
| 11 | lark-calendarコレクションlarksuite · larksuite/cli コーディングエージェントに、自然言語を通じて、Feishu/Larkのカレンダーのイベント、会議、参加者、空き状況、会議室を、作成、更新、検索、管理させます。 | Claude CodeCursorCodexGrok | 1.8万 | 48万 |
| 12 | lark-mailコレクションlarksuite · larksuite/cli コーディングエージェントに、ワークフローを離れることなく、Lark/Feishu内のメールを、下書き、送信、返信、検索、整理させます。 | Claude CodeCursorCodexGrok | 1.8万 | 47.8万 |
よくある質問
UIデザインで最もおすすめのスキルはどれですか？
UIデザイン分野の第1位はweb-design-guidelinesです（83.7万インストール・GitHubスター3.4万）。最新のVercel Web Interface Guidelinesに照らして、一貫性、アクセシビリティ、UX品質の観点からフロントエンドのコードを自動で監査します。
これらのUIデザインスキルはどのようにランキングされていますか？
UIデザインと見た目の仕上げのスキルに該当するスキルを、実際の利用データ（インストール数を第1基準、GitHubスター数を第2基準）でランキングしています。データはskills.shレジストリとGitHubに基づきます。
web-design-guidelinesはどうやってインストールしますか？
次のコマンドを実行します: npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines