mcpField
D
doc-kami-parchment

doc-kami-parchment

github.com/nexu-ioドキュメント104.6k2.6k 回インストール今日更新
リポジトリ

doc-kami-parchment について

レポート、手紙、履歴書、ポートフォリオなど、落ち着いた印刷物風の文書を作るデザインスキルです。羊皮紙の配色、書体や余白の規則、文書種別ごとのレイアウトを定めています。

主な機能

  1. 01温かみのある羊皮紙の背景
  2. 02単一のアクセントカラー
  3. 03言語別のセリフ体フォント
  4. 04書体と余白のルール
  5. 05複数の文書レイアウト

活用シーン

  1. 01長文レポートの組版
  2. 021ページ文書の作成
  3. 03履歴書やポートフォリオの制作
  4. 04手紙や変更履歴の作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/nexu-io/open-design --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 のインク色の枠線を使用します。

コメント