ブログ投稿スキル

ブログ投稿スキル は何をしますか？

1つの長文記事ページ（編集レイアウト、クロームなし）を生成します。

ワークフロー

1. アクティブなDESIGN.mdを読む（上記に注入）。タイポグラフィトークンを活用します。長文フォーマットはタイプ70%、画像20%、クローム10%です。
2. ブリーフからトピックを選び、少なくとも600語、4～6のH2セクションからなる実際の記事を書きます。ダミーテキストは使用しません。
3. セクションは次の順序で配置します。
   • マストヘッド — 小さなワードマーク＋4～6のナビリンク（シンプル）。
   • 記事ヘッダー — カテゴリーアイブロウ、見出し（表示トークン、大）、デッキ（1～2文のサブヘッド）、著者名＋役割＋日付。
   • ヒーロー画像 — DSのグラデーションまたはベタ塗りを使用した16:9のプレースホルダーブロック（外部画像は使用不可）。下に1行のキャプションを追加。
   • 本文 — 散文段落と以下の要素を交互に配置（最低限）：
     • 1つのプルクォート（大きな表示タイプ、インラインスタート端にアクセントルールを付け、dir="rtl"でもレイアウトが正しく反転するようにする）。
     • 1つの図版（画像プレースホルダー＋キャプション）。
     • 1つのリスト（番号付きまたは箇条書き）。
     • 1つのインラインブロッククォート。
   • 著者フッター — 著者アバター（イニシャルを丸で囲む）、経歴の段落。
   • 関連記事 — 他の投稿へのリンク3つのカード。各カード：小さな画像ブロック、タイトル、1行の抜粋、日付。
4. 1つのHTML文書を書く：
   • <!doctype html> から </html> まで、CSSはインライン。
   • 記事本文はDSのボディフォント、中央揃え、DSレイアウトルールに従った最大幅（通常680～720px）。
   • ドロップキャップ（first-letter）は、DSのムードがエディトリアル／セリフの場合のみ使用。テクニカルなDSではスキップ。
   • 見出し、ヒーロー、本文、プルクォート、関連グリッドに data-od-id を付与。
5. 自己チェック：
   • タイプ階層が明確 — H1は明らかに見出し、H2はセクションの区切り、プルクォートはH1と競合しない。
   • 本文の行長は60～75文字。
   • アクセントは最大2回まで（アイブロウ＋プルクォートのルール、またはリンク1つ）。
   • ページはマーケティングランディングではなく、雑誌のように読める。

出力契約

<artifact> タグで囲んで出力します。

<artifact identifier="post-slug" type="text/html" title="記事タイトル">
<!doctype html>
<html>...</html>
</artifact>

アーティファクトの前に1文だけ、後に何も付けません。