概要
https://www.ui-skills.com/
詳細内容
## UI Skills - AIエージェントが生成したUIを磨き上げるスキルセット
https://www.ui-skills.com/
**Original Title**: UI Skills - A set of skills to polish interfaces built by agents
AIエージェントによるUI生成時の「質の低さ（slop）」を防ぎ、アクセシビリティやパフォーマンスを自動で改善する再利用可能なスキル集を提供する。
**Content Type**: ⚙️ Tools
**Language**: en
**Scores**: Signal:5/5 | Depth:3/5 | Unique:4/5 | Practical:5/5 | Anti-Hype:4/5
**Main Journal**: 85/100 | **Annex Potential**: 83/100 | **Overall**: 84/100
**Topics**: [[AI coding assistants, UI development, Cursor, Claude Code, Web accessibility]]
**UI Skills**は、**Claude Code**や**Cursor**、**OpenCode**といったAIエージェントが生成するフロントエンドコードの品質を、プロフェッショナルな実用レベルまで引き上げるための再利用可能なプロンプト/命令セット（スキル）である。`npx`コマンドを通じてプロジェクトに導入し、`/baseline-ui review src/`のような形式でエージェントに対して実行することで、高度なエンジニアリングのコンテキストを即座に付与できる。
主な機能として、AIが生成しがちな不適切なデザインや構造（UI slop）を排除する**baseline-ui**、**アニメーションのパフォーマンス**改善、WAI-ARIA対応を含む**アクセシビリティ**の修正、さらにはSEOやSNS連携に欠かせない**メタデータ**の完全な実装を支援するスキルが含まれている。これにより、AIによる「とりあえず動く」状態のコードから、本番環境に耐えうる磨き上げられたインターフェースへの昇華を自動化できる。
**Cursor**や最新の**Claude Code**などのエージェント型ツールをメインのワークフローに組み込んでいるフロントエンドエンジニアにとって、生成物の手動修正コストを大幅に削減できる極めて実用的なツールである。