building-ui
building-ui について
インタラクティブシェルを使ってUIを設計・変更します。仕様と低忠実度のスケッチ、または既存コンポーネントから、プロジェクト独自のスタイルに沿った高忠実度の mock.html を作成し、ユーザーと反復調整してから実装します。または、実行中のアプリ上でシェルを開き、ユーザーが実際の要素を確認、コメント、再スタイルできるようにします。変更はコードとテストに直接反映されます。ユーザーが /building-ui を実行したとき、スケッチから新しいコンポーネントやUI要素のモック作成を依頼したとき、モックを通じたコンポーネント変更、承認済みモックの実装、または実行中アプリのUIのレビューや変更を依頼したときに使用します。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / mk27mk/ uxed --skill building-uiインストール後、Claude Code で/building-uiを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
app.mdimplement.mdmock.mdREADME.mdreview.mdassets/mock.template.htmlshell.jsscripts/app.test.mjsnotes.mjsnotes.test.mjsproject.mjsproject.test.mjsserve.mjsserve.test.mjsコメント
Markdown 対応