ui-skills について
ui-skillsは、インターフェースを構築・レビューするエージェント向けのスキルです。適切なUIガイドを選び、プロジェクトのデザイン言語を保ちながらレイアウト、操作性、アクセシビリティを確認します。
主な機能
- 01UI構築エージェント向けの指針
- 02関連するUI手順の選択
- 03レイアウトと操作性の確認
- 04アクセシビリティ上の問題の確認
- 05プロジェクトのチェックによる変更検証
活用シーン
- 01インターフェースの重要な設計課題の確認
- 02実装可能なUI改善案の検討
- 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 を使ってこのインターフェースをレビューし、影響の大きいデザイン上の問題を特定して、実装可能な改善案を提示してください。
制限事項
- 上記の説明にある範囲にタスクが明確に該当する場合にのみ、このスキルを使用してください。
- 出力を、環境固有の検証、テスト、または専門家によるレビューの代わりとして扱わないでください。
- 必要な入力、権限、安全上の境界、または成功基準が不足している場合は、作業を中止して確認を求めてください。
コメント
Markdown 対応