mcpField

building-ui

mk27mkデザイン・UI8 回インストール

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.md
implement.md
mock.md
README.md
review.md
assets/
mock.template.html
shell.js
scripts/
app.test.mjs
notes.mjs
notes.test.mjs
project.mjs
project.test.mjs
serve.mjs
serve.test.mjs

コメント