Mono Editorial Landing
ランディングページを雑誌のように設定します。紙にインク、細い「号」線のあるマストヘッド、部屋の向こうからでも読める大きさのInstrument Serif見出し、ドロップキャップ付きの導入、ヘアラインで区切られた番号付きコラム、フレーム付き図版とキャプション（「Fig. 1」）で左右交互に配置されるフィーチャースプレッド、中央揃えイタリックのプルクォート、質問リスト、クロージングライン、タイプライター風コロフォン。デフォルトは暖かい白に黒、またはほぼ黒に明るい色、またはイタリック単語に1つのアクセントカラーを設定可能です（3色変更）。
ページの内容はpage.jsonで記述するか、スクリプトがプロジェクトのREADMEから自動生成します。ビルドは検証を行い、CSSを含む単一ファイルout/index.html（およびout/assets/ディレクトリ）を出力します。まだリリースされていない製品の場合は、ヒーローセクションに実際に機能するウェイトリストフォーム（Formspree、Netlify Forms、Buttondown、または任意のエンドポイントに送信）を配置します。リリース済みの場合は、2つのボタンを配置します。
必要なもの
- Node.js 18 以上。インストールは不要です。
- チェック用のChrome、Chromium、またはEdge（スクリプトが自動検出します。見つからない場合は
CHROME_PATHを設定）。 - ウェイトリスト用：フォームサービスのアカウント、またはフォーム投稿を受け付けるエンドポイント。
- ページが開かれた時のインターネットアクセス（Google Fonts用：Instrument Serif、Newsreader、Inter、IBM Plex Mono）。インターネットがない場合はシステムフォントを使用します。
このスキルのフォルダは <skill> 以下、つまりこのSKILL.mdが置かれているフォルダです。
手順
1. READMEからドラフト作成
node <skill>/scripts/from-readme.mjs README.md page.json
README（および同じ場所にあるpackage.json、もしあれば）を読み取り、すぐにビルド可能なpage.jsonを出力します。名前、タグライン（最初の見出し）、導入部（リード）、太字の名前で始まる項目をコラムとして持つ「Features」リスト、インストールおよびクイックスタートコマンド（ターミナル図版）、その他のセクション（スクリーンショットまたはコードを含むフィーチャースプレッド）、FAQセクション（質問）、リポジトリ（ボタン）が含まれます。バッジ、ロゴ、リンク行、目次、ライセンス、コントリビューションセクションはスキップします。
「Get started」のようなラベル以外の独自のコピーは生成しません。最後に3つのリストを出力します。ユーザーと一緒にこれらのリストを確認してください。
- ユーザーと一緒に書く：必ず見出しと、まだREADME見出しのままになっているすべてのフィーチャータイトル（「Install」「How it works」など）。
- 収めるためにカット：文または単語の境界で短縮したテキスト。それぞれを再度読み直してください。
- READMEにはあるがページには含まれていない：収容できなかったセクションと機能。もし重要なら入れ替えてください。
READMEがない場合や内容が薄い場合は、ユーザーのメモ、現在のサイト、またはドキュメントからpage.jsonを作成し、いずれかの例を基に始めてください。
2. ヒーローセクションに何を求めるか決定する
-
まだ公開されていない場合：ウェイトリスト。どのサービスがメールを収集するかを尋ね、
hero.formを設定します。provider設定方法 formに記述する内容formspreeformspree.ioでフォームを作成。URLの末尾にフォームIDが含まれます。どのホストでも最も簡単です。 `