editorial-monograph

エディトリアル・モノグラフ

厳粛な長文のためのドキュメントスタイルです。日系ミニマリズムと IBM Carbon のヘアラインを組み合わせた派生スタイルで、A4 印刷、明確な章構成、長文の読解が求められる製品提案書、ホワイトペーパー、研究レポート、仕様書などに適しています。

これはスターターを含むスキルです。SKILL ルールに加え、実行可能な starter/ ドキュメントワークスペース（React/MDX エントリー、テーマ、デザインドキュメント、サンプル章）を提供します。openpress を使って OpenPress ランタイムワークスペースを初期化してください。このスキルが管理するのは、エディトリアル用のスターターファイルとデザインルールです。

ビジュアルの特徴

• 書体：章扉はセリフ体（Noto Serif TC / Source Han Serif TC）＋本文はサンセリフ体（IBM Plex Sans / PingFang TC）
• 罫線：1px のヘアライン＋リンクには点線の下線。box-shadow / gradient は使用しません
• 色：白黒グレーを基調に、3 色のステータスアクセント（warn / success / info）＋チャートパレット（gold / coral / dark）
• レイアウト：A4 固定レイアウト、章扉はページ全体を使用、目次にはページ番号を表示しますがフッターは表示しません。章ごとのミニカバーは任意で、図表は自動採番します
• 章番号：デフォルトは 01 / 02 / 2.1（pagination + CSS ::before）です。一、二、（一） または Chapter 1 / §1.1 に変更できます。トークンとセレクターは、スターター内の theme/base/typography.css と design.md の Typography Scale / Chapter & Section Numbering の項目にあります

適した用途

• 製品提案書／事業計画書
• ホワイトペーパー／仕様書／要件定義書
• 学術モノグラフ／長文の研究レポート
• エディトリアル形式のビジネスレポート

適さない用途

• スライドデッキ（バンドルされたスターターはありません。カスタムサイズにする場合は config.page を変更し、A4 スターターのトークンを無理に変更してスライドに流用しないでください）
• ポスター／1 ページ資料
• マーケティング用ランディングページ

関連スターター

• claude-document — 紙の温かみがあり、Claude に似たリズムです。正式なモノグラフより、実務用ブリーフ／仕様書／メモに近いドキュメントに適しています。

ワークスペースに適用する

openpress を使って対象のワークスペースを初期化し、このスキルの starter/press ツリーをワークスペースにコピーするか、調整して適用してください。その後：

1. press/<slug>/press.tsx 内の <Press> props にある title / subtitle / organization を入力します。デプロイ／PDF の設定には、starter/package.openpress.json をワークスペースの package.json の "openpress" フィールドにマージします。
2. ワークスペースが正常に動作していることを確認するために必要な検証／エクスポート／レンダリングのコマンドを、openpress に選ばせます。
3. ソース境界の判断には openpress を使います。通常、編集可能なソース領域は、コンテンツ用の press/<slug>/chapters/**/*.mdx、表紙／目次／裏表紙用の press/<slug>/press.tsx、ビジュアルトークン用の press/<slug>/theme/tokens.css または press/shared/theme/tokens.css です。

ページコンテンツのルール（階層、表キャプション、図の採番、事実関係の境界）は openpress-create-pages に記載されています。このスキルでは再定義しません。

推奨事項／禁止事項

推奨：

• ブランドカラーを変更する：tokens.css の --openpress-chart-gold を変更するか、--openpress-brand-accent を追加します
• フォントを変更する：--openpress-font-serif / --openpress-font-body のフォントスタックを変更します。モバイル／iPad 間で安定させる必要がある場合は、theme/fonts.css も更新して Web フォントを読み込んでください。local(...) だけに頼らないでください
• 新しいページ種別（divider / appendix-cover）を追加する：theme/page-surfaces/ に CSS を追加します。既存の chapter-opener は書籍／教材の章用ミニカバーとして使えます
• 番号スタイル（一、二、または §1.1）を変更する：theme/base/typography.css の ::before content を変更し、@counter-style と組み合わせます
• ページサイズ（B5 / Letter / スライド）を変更する：press/<slug>/press.tsx 内の <Press page="..."> prop を変更します。tokens.css にはテーマのデフォルトとビジュアルトークンのみを残します

禁止：

• インライン強調色を任意の色に変更しないでください（セマンティックシステムが損なわれます）。新しい状態色を使う場合は、先に --openpress-status-* トークンを追加してください
• 単一のチャート／標本用 CSS を theme/base/typography.css に入れないでください（その役割は press/<slug>/components/<name>/ が担います）
• 内容が密集しているからといって、文字サイズを小さくしすぎないでください。A4 の本文は 9.5pt 未満にしないでください
• ヘアラインを 2px 以上の実線に変更しないでください。このスターターの雰囲気は細い線によって保たれています

詳細なデザインルール

editorial-monograph では reference/ ドキュメントを別途管理しません。すべての仕様は starter/press/design.md に記載されています。スターターと一緒にワークスペースへコピーすると、そのプロジェクトのデザインドキュメントになります。

• 第 1 節 スタイルの目標と使用シーン — 目標／適用シーン／役割の定義
• 第 2 節 トークン — タイポグラフィ／色／間隔／ページ形状／インライン強調／章と節の番号
• 第 3 節 コンポーネント — ページサーフェス／テキストコンポーネント／表／図／チャート
• 第 4 節 CSS の責務

エージェントがスキルを適用すると、このファイルがそのプロジェクトの press/design.md の内容になります。その後、ユーザーがカスタマイズしたい場合は、スキルに戻って変更せず、design.md を直接編集してください。