AI コーディングエージェント向け UI デザインスキル：オープンソース 29 件（2026年）

コーディング支援AIに、検索可能なUI/UXデザインルール、スタイル、配色、フォントの組み合わせ、スタック別のガイダンスを提供するスキルです。

アートディレクション、実際の写真、ブラウザでのセルフチェックで、コーディングエージェントに個性あるフロントエンドを作らせるAgent Skills。

自分のコーディングエージェントで、ブリーフからプロトタイプや資料などを作るローカルファーストのオープンソースAIデザイン環境。

Claude Code、Cursor、Codex向けのデザインスキル。AIコーディングエージェントが、AI生成に見えないUIを作れるよう導きます。

テキストプロンプトからプロトタイプ、スライド資料、アニメーション、インフォグラフィックを生成する、HTMLネイティブなAIコーディングエージェント向けデザインスキルです。

Claude Code、Cursor、CodexなどのAIコーディングツール向けに、ランディングページ用スキルから始められる、独立して使えるデザインスキルファイル集です。

Claude Code、Cursor、CodexなどのAIコーディングエージェント向けに、Webデザイン、動画、画像、記事、ローカル知識検索をカバーする6種類のSkillを厳選したコレクションです。

AIコーディングエージェントが、ありがちなUIやマーケティング文、AIらしいコードコメントを生成しないようにするルールとスキル。

CursorやClaude Codeなどのエージェント上でClaude Designをローカル実行し、自己完結型のHTMLモックアップ、プロトタイプ、スライド資料を作成するAgent Skill。

売上上位アプリのデザインを参考に、AIコーディングエージェントがネイティブ品質のExpo／React Native画面を構築できるようにするエージェントスキルです。

Claude CodeとGemini CLI向けに、リサーチ、システム、UI、インタラクション、デリバリーを網羅した、エージェント対応のデザインスキル273種とスラッシュコマンド76種を収録。

ClaudeなどのコーディングエージェントをUX/UIデザインの専門家にする、DTCG tokens、コンポーネント仕様、138種類のデザインシステム、52の客観的なゲートを備えた指示・知識キット。

AIエージェント向けのUIデザインスキル。複数の方向性を比較し、実際のスクリーンショットをもとにブラッシュアップします。

Webサイト、Gitリポジトリ、ローカルのコードベースからデザインシステムを抽出し、Claude Codeが読み込めるファイルを生成するCLI。

AIコーディングツールにUI構築用のデザインシステムやレイアウトの指針を提供する、CLIとMCP連携に対応したデザインスキル・UIプロンプトライブラリです。

参照UIからビジュアルデザインの特徴を抽出してDesign DNAのJSONにまとめ、それを基に統一感のあるUIを生成するエージェントスキルです。

コーディングエージェントがFigmaデザインをコード化し、デザインをキャンバスに書き戻せる無料の双方向Figma MCPサーバー。

AIコーディングエージェントが一行の brief から受賞作のようなWebサイトを制作し、/juryで採点できるスキル。

APIキーなしで、AIアシスタントがローカルのFigma Desktopアプリ上に編集可能なデザインを作成・編集できるCLI。

GitHub Copilot、Claude Code、Codex、Cursor内で、別のデスクトップアプリを使わずにポスターやSNS投稿、スライド、ランディングページをデザインできます。

Claude CodeやCursorなどのコーディングエージェントにデザインの判断力を与え、UIやスライド、グラフィックの生成と改善を可能にするエージェントスキル。

Claude Codeなどのクライアント向けに、ビジュアルな方向性選択機能と実在サイトを参考にした58件のデザインシステムを備え、AI生成UIがありきたりなテンプレートに流れるのを防ぐ、方針重視のAgent Skillです。

AIエージェントが大胆で遊び心のあるアプリアイコンをデザイン、生成、改良、レビューするための、テキストのみで構成されたオープンなAgent Skill。

コーディングエージェントにデザインシステム、UI/UXのガイダンス、アイコン、アクセシビリティのレビュー規則を提供するMCPサーバー兼shadcn/uiレジストリ。

AIコーディングエージェントに、ありがちなAI風の画面ではなく、洗練された本番品質のUIを作らせるためのエージェントスキルとCLIです。

スクリーンショットによるQAを交え、見やすく誠実なダッシュボードUIの構築・再設計・批評をコーディングエージェントに教えるClaude Codeスキル。

Claude Code、Codex、Cursor、opencodeのUI生成を、ありきたりなものから意図的にデザインされたものへ導く、24種類のオープンソースエージェントスキル集です。

コーディングエージェント向けのUI/UX設計スキル。インターフェースの構築、再設計、レビューを支援し、実行中のページをCLIで検査してアクセシビリティやレイアウトの問題を報告します。

Figmaのデザインをコードベースに反映し、コードの状態をFigmaに戻すClaude Codeスキルと、スタイルシステムを統制するスキルです。