mcpField
U
ui-skills

ui-skills

github.com/sickn33デザイン・UI48.7k605 回インストール1 日前に更新
リポジトリ

ui-skills について

ui-skillsは、インターフェースを構築・レビューするエージェント向けのスキルです。適切なUIガイドを選び、プロジェクトのデザイン言語を保ちながらレイアウト、操作性、アクセシビリティを確認します。

主な機能

  1. 01UI構築エージェント向けの指針
  2. 02関連するUI手順の選択
  3. 03レイアウトと操作性の確認
  4. 04アクセシビリティ上の問題の確認
  5. 05プロジェクトのチェックによる変更検証

活用シーン

  1. 01インターフェースの重要な設計課題の確認
  2. 02実装可能なUI改善案の検討
  3. 03プロジェクトのデザイン言語に沿った変更の検証

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill ui-skills

インストール後、Claude Code で/ui-skillsを入力して読み込まれたか確認します。

詳細

Ui Skills

概要

インターフェースの構築時にエージェントを導く、独自性があり進化し続ける制約です。

このスキルを使用する場面

インターフェースの構築時にエージェントを導く、独自性があり進化し続ける制約を扱う必要がある場合に、このスキルを使用してください。

手順

このエントリーポイントは外部の UI ガイダンス集へのリンクであり、上流のルール全体は含まれていません。依頼されたインターフェース、既存のデザインシステム、対象デバイス、アクセシビリティ要件を確認してください。関連するインストール済みの手順を選ぶか、選択した上流ガイドの全文を読んでから適用してください。確認したレイアウト、インタラクション、アクセシビリティ上の問題について、該当箇所と修正案を添えて報告してください。プロジェクトのデザイン言語を維持し、実際のレンダラーとプロジェクトのチェックで変更を検証してください。利用できないガイドを確認した、または目視で検査したと主張しないでください。

出典:UI Skills。

例

ユーザーの依頼:

@ui-skills を使ってこのインターフェースをレビューし、影響の大きいデザイン上の問題を特定して、実装可能な改善案を提示してください。

制限事項

  • 上記の説明にある範囲にタスクが明確に該当する場合にのみ、このスキルを使用してください。
  • 出力を、環境固有の検証、テスト、または専門家によるレビューの代わりとして扱わないでください。
  • 必要な入力、権限、安全上の境界、または成功基準が不足している場合は、作業を中止して確認を求めてください。

コメント