ui-skills について
ui-skills は、インターフェースを構築するエージェント向けの、更新され続ける独自の制約を提供します。複数の小さな UI 要素のデザインに一貫性を保つのに役立ちます。
主な機能
- 01インターフェース構築の制約
- 02視覚的一貫性のガイダンス
- 03更新されるデザイン指針
活用シーン
- 01インターフェースコンポーネントの構築
- 02小さな UI 要素の一貫性維持
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/ui-skillsを入力して読み込まれたか確認します。
詳細
ui-skills
@ibelick から厳選。
概要
インターフェースの構築時にエージェントを導く、独自の制約が進化し続けます。小さな UI コンポーネントを数多く作る際に、出力の一貫性を保つのに役立ちます。
ソース
- 上流リポジトリ：https://github.com/ibelick/ui-skills
- カテゴリ：
design-systems
使い方
このカタログの項目は、エージェントが計画時に見つけられるよう、OpenDesign でこのスキルを紹介します。元のアセット、スクリプト、リファレンスを含む上流のワークフロー全体を実行するには、上流バンドルをアクティブなエージェントのスキルディレクトリにインストールします。
# Inspect the upstream README for exact paths
open https://github.com/ibelick/ui-skills
その後、このスキルの名前（ui-skills）を指定するか、スキルのフロントマターに記載されているトリガーフレーズのいずれかを使って、このスキルを呼び出すようエージェントに指示します。
コメント
Markdown 対応