doc-kami-parchment について
レポート、履歴書、手紙などを組版するためのデザインテンプレートです。羊皮紙色の背景、セリフ体、単一のインクブルーを用いて統一感を保ちます。
主な機能
- 01羊皮紙色の画面と暖色系の文字
- 02アクセント色はインクブルー一色
- 03言語別のセリフ体フォント
- 04レポート・履歴書・手紙向けのレイアウト
- 05単一HTMLファイルとTailwind CDN
活用シーン
- 01長いレポートや財務報告書の組版
- 02履歴書・手紙・ポートフォリオの作成
- 03ワンページ資料や変更履歴のデザイン
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill doc-kami-parchmentインストール後、Claude Code で/doc-kami-parchmentを入力して読み込まれたか確認します。
同梱ファイルexample.htmlexample.md
詳細
【テンプレート:Kami 羊皮紙ドキュメント】 【用途】格式を重視するドキュメント:one-pager/長文レポート/手紙/履歴書/財務報告書/changelog/ポートフォリオ。Inspired by tw93/kami。「組版された紙のように書く」ことを重視し、ダッシュボードでもウェブページでもありません。
【必須のビジュアルシグネチャ — 変更禁止】
- キャンバス:暖かみのある羊皮紙
#f5f4ed(純白#fffは使用しません)。セカンダリ背景#efeee5。 - 文字色:本文
#1f1d18(黒に近い暖色系グレー。純黒#000は使用しません)。補助文字#6b665b。 - 唯一の色:インクブルー
#1B365D——すべてのアクセント(リンク、タグの枠線、強調する数値、引用の左側のルール)に使用できる色はこれだけです。複数の色は厳禁です。 - フォント:言語ごとにセリフ体を1種類使い、本文全体で混在させません:
- 英語:
Charter(フォールバック:Source Serif Pro、Iowan Old Style) - 中国語:
TsangerJinKai02 W04(フォールバック:Noto Serif SC) - 日本語:
YuMincho(フォールバック:Noto Serif JP) - 本文 400、見出し 500(700/800/900 は使用しません)。
- 英語:
- 行の高さ:見出し 1.1–1.3、コンパクトな本文 1.4–1.45、読み物向けの本文 1.5–1.55。
- 絶対に使用しないもの:drop-shadow/blur/8px 以上の角丸/グラデーション/ネオンカラー/rgba(単色の hex を使用します)。
- 細部:タグには単色の hex 背景を使います(WeasyPrint は rgba を適切にレンダリングしないため)。アイコンは単線の幾何学的なものにします。縁には 1px の細い
#d4d1c5のルールを使用し、端まで伸ばさないよう長さを調整します。
【任意のドキュメント形式 — ユーザーの内容に応じて判断】
- One-Pager — 上部にロゴタイプ(Charter italic)+タイトル+リード文+3 列の要点+下部にメタデータ。
- Long Doc — 表紙ページ(大見出し+副題+著者+日付)→目次(キッカー+ページ番号)→各章(上部隅に柱+セクションルール+本文)→注釈・脚注+文末の奥付。
- Letter — 差出人の住所+日付+宛先+本文(左揃え、段落間は 1.5em)+署名+署名用のプレースホルダー線。
- Portfolio — プロジェクトのヒーロー(大見出し+サブ見出し)+全幅画像 1 枚(CSS ブロックでプレースホルダーを描画)+プロジェクトの説明+役割/期間/スタックのメタデータ行。
- Resume — 上部に氏名(大きな文字)+1 行のタグライン+連絡先の行+主要セクション:職歴(会社/期間/職位/箇条書き)+スキル+学歴。
- Slides — 基調講演風。ページ数は【ユーザーの内容】に応じて決定します(短い内容は 6 ページから、長い内容ではさらに増やします)。各ページに羊皮紙を敷き詰め、大見出し+リード文+ページ番号のコーナーマークを配置し、「印刷された」ような印象だけが残るシンプルさにします。
- Equity Report — 会社名+ティッカー+四半期 × 年度+主要指標の行(売上/利益率/前年比)+本文の分析+チャート(SVG の単色折れ線)。
- Changelog — バージョン番号(大きな Charter italic)+日付+変更一覧(Added/Changed/Fixed)。単一のルールで区切ります。
【デザイン指針】
- 「ダッシュボードではなく、構成されたページを。」KPI カードを並べず、絵文字アイコンを並べず、ヒーローグラデーションも使用しません。
- 「影は控えめに、または使わず、強いドロップシャドウは避けます。」影を使う場合は
0 0 0 1px #d4d1c5のような細い輪郭線に限ります。 - テキストの階層はセリフ体のコントラスト+文字サイズ+余白で表現し、色には頼りません。
- 単一ファイルの HTML を使用し、Tailwind CDN を使います。本文で中国語と英語を混在させる場合は盤古之白を加えます。外部画像は使わず、プレースホルダーには paper-tint 色のブロック+1px のインク色の枠線を使用します。
コメント
Markdown 対応