HTMLページ標準

静的HTMLを今後作成するための正規パイプライン。このスキルはルーターです。このファイル単体でページ全体を実装しないでください。

ファイルを書き始める前に宣言:

HTML-PAGE-STANDARD: 1.0
PASS: A-clone | B-tokenize | C-repair | layout-pack

現在のパスの所有者のみをロードしてください。スクリーンショットからHTMLへの変換とstudio-webが初稿を共同執筆することは絶対に避けてください。

パスの所有者

パス	所有者	出力
A-clone	`screenshot-to-html` のみ	`source.png` + `clone.html`
B-tokenize	このスキル + `references/tokenize-contract.md`	`core.css` + `theme-default.css`
C-repair	studio-web 1.1 `web.repair`	`index.html`（クローンから）、セマンティクス、a11y、モーション
layout-pack	このスキル + `references/layout-packs.md`	オプション: `layout-*.css`

ユーザーがライブURLや既存のHTML（クローン対象のスクリーンショットなし）を提供した場合、Aをスキップします。トークンが不足している場合はトークン化し、その後Cを実行します。

スクリーンショットが厳密な複製ではなくムードのみの場合、Aをスキップし、代わりにstudio-webのweb.buildを使用します。その旨を書き始める前に伝えてください。

<page>/
  source.png
  clone.html
  core.css
  theme-default.css
  index.html

後からオプションで追加: theme-<name>.css、layout-<name>.css。ルート属性: data-theme="default"、data-layout="default"。

レイヤー: @layer reset, core, theme, layout, page;

パスA — screenshot-to-htmlをロード。clone.htmlが画像と一致したら停止。
パスB — references/tokenize-contract.mdをロード。assets/core.template.cssとassets/theme-default.template.cssをコピーし、クローンから数値を埋めます。再設計は禁止。
パスC — studio-web 1.1（レーンweb.repair）と、そのスキルのreferences/page-anatomy.mdをロード。凍結条件: ビジュアル契約、TUNE数値、テーマパレット（ただし名前付きの場合は除く）。変更可能: 領域ID、セマンティクス、実際のコントロール、コントラスト、画像を変更しないモーション。
レイアウトパック — 要求された場合のみreferences/layout-packs.mdをロード。
スキャフォールドのリマインダー — references/project-scaffold.md。
プロンプトパターン — references/prompts.md。

質問	ファイル
詰める、大きくする、余白を増やす、文字間隔、角丸、モーション	`core.css` TUNEブロック
ナイトペーパー、ゴールド、オーバーレイ、ヘアライン	`theme-*.css`
スタック vs 分割ヒーロー	`data-layout` + レイアウトパック
間違った文章	`index.html`