pagecraft-block-design
pagecraft-block-design について
PageCraft のブロックデザイン——20 種類のスタイル方向のカタログ（ブルータリスト、swiss、ニューモーフィズムなど）、リファレンスの扱い（スクリーンショット / Figma + MCP）、chrome-devtools MCP による結果とリファレンスの比較、CSS ガイド（container queries、fluid typography、BEM）、ブロックの examples のルール。リファレンスなしでスタイルを選ぶとき、スクリーンショットや Figma のリンクがあるとき、結果をデザインカンプと照合する必要があるとき、ブロックの style.css を書くとき、例をいくつ載せるか決めるとき、orchestrator pagecraft-block が「フェーズ 3 — スタイル」/「フェーズ 7 — 比較」を指すときに使用する。`Skill(pagecraft-block-design)` ツール経由で呼び出し、`Read .../SKILL.md` は使わない。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/pagecraft-block-designを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/css-guide.mdexamples-guide.mdmcp-setup.mdstyles-catalogue.mdコメント
Markdown 対応