AIコーディングツールにUI構築用のデザインシステムやレイアウトの指針を提供する、CLIとMCP連携に対応したデザインスキル・UIプロンプトライブラリです。
ibelick/ui-skills
CLIやMCPサーバーから参照できる、エージェント向けUI・デザインエンジニアリングスキルのレジストリ。
- スター
- 10,761
- フォーク
- 513
- 未解決の Issue
- 22
- 最終コミット
- 8 時間前
これは何?
UI Skillsは、デザインエンジニア向けの再利用可能なスキルを集めたレジストリです。モーションなど、UI関連のトピックごとに分類されています。各スキルは一覧表示したり、名前を指定して取得したりできるため、開発者やAIエージェントは必要なUIの知見をワークフローに取り込めます。
このプロジェクトでは、カテゴリの参照、カテゴリ別のスキル一覧表示、baseline-uiのような個別スキルの取得をCLIから実行できます。また、list_skillsとget_skillツールを備えたModel Context Protocolエンドポイントからレジストリを公開しており、エージェントが直接照会できます。
レジストリに加え、デザインエンジニアリングのスキルから抽出したUIの教訓をまとめたプレイブックも公開しています。コードベースはTypeScriptで、MITライセンスのもとで公開されています。
主な機能
- 01npx ui-skillsを使い、ターミナルからスキルのカテゴリを参照したり、スキル一覧を表示したりできます。
- 02baseline-uiなど、名前を指定して個別のスキルを取得できます。
- 03MCPエンドポイントを通じて、AIエージェントをレジストリに接続できます。
- 04プログラムからアクセスするためのlist_skillsとget_skillツールを提供します。
- 05要点をまとめたUIの教訓を掲載したプレイブックが含まれています。
ユースケース
- 洗練されたUIコンポーネントを構築するための参考情報を、コーディングエージェントに提供する。
- モーションなど、UIに特化したスキルをコマンドラインから調べる。
- デザインエンジニアリングのプロジェクトに取り組む前に、要点をまとめたUIの教訓を確認する。
クイックスタート
- 1
ターミナルから利用可能なスキルを閲覧する
npx ui-skills start - 2
スキルのカテゴリを一覧表示する
npx ui-skills categories - 3
特定のスキルを取得する
npx ui-skills get baseline-ui
収録されている特集
トピック
よくある質問
- ui-skills とは?
- CLIやMCPサーバーから参照できる、エージェント向けUI・デザインエンジニアリングスキルのレジストリ。 UI Skillsは、デザインエンジニア向けの再利用可能なスキルを集めたレジストリです。モーションなど、UI関連のトピックごとに分類されています。各スキルは一覧表示したり、名前を指定して取得したりできるため、開発者やAIエージェントは必要なUIの知見をワークフローに取り込めます。
- ui-skills は無料で使えますか?ライセンスは?
- ui-skills は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- ui-skills は今もメンテナンスされていますか?
- 活発にメンテナンス中。ui-skills の最終コミットは 2026年11月7日 です。
- ui-skills は何に使えますか?
- 洗練されたUIコンポーネントを構築するための参考情報を、コーディングエージェントに提供する。 モーションなど、UIに特化したスキルをコマンドラインから調べる。 デザインエンジニアリングのプロジェクトに取り組む前に、要点をまとめたUIの教訓を確認する。
- ui-skills のインストール方法は?
- ターミナルから利用可能なスキルを閲覧する: npx ui-skills start スキルのカテゴリを一覧表示する: npx ui-skills categories 特定のスキルを取得する: npx ui-skills get baseline-ui
- ui-skills はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/ibelick/ui-skills
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
複数キーのシーケンスにも対応し、キーボードショートカットをハンドラー関数に割り当てる、ブラウザー向けの軽量なキー割り当てライブラリ。
Web、サーバー、ネイティブの各プラットフォームで利用できる、組み合わせ可能なコンポーネントからインタラクティブなUIを構築するJavaScriptライブラリ。
React、Vue、Angular、Svelteなどに対応し、UIコンポーネントを分離して構築・ドキュメント化・テストできるフロントエンド向けワークショップ。
宣言的なWebコンポーネントを、DOMを効率よく直接更新するJavaScriptに変換するコンパイラです。
Goだけで宣言的なコンポーネントベースのUIを書き、WebAssemblyを使ってPWAを構築できるGoパッケージ。