1仕組みと動作原理
カラーパレットは単に「いくつかの色を選ぶ」のではなく、5組の4色役割システム(ink / paper / paper-tint / ink-tint)であり、各セットが使用シナリオに紐づけられ、Hex値の変更や混用が固く禁じられています。Hexを1つ変えるだけで、全体の印刷感が損なわれます。
- 🖋 **墨水经典 Monocle** — ink `#0a0a0b`, paper `#f1efea`, paper-tint `#e8e5de`, ink-tint `#18181a`. 默认 / 通用商业 / 科技。
レイアウトプール L01〜L10 は「カセットテープ式」の再利用可能なリストです。ページ数はユーザーのコンテンツ量によって決まり、同じレイアウトを別セクションで再利用可能です。短いコンテンツは6〜12枚から開始し、長いコンテンツはより多くのページを割り当てます。
【布局 — 10 个磁带式版式池, 可复用; **数量由【用户内容】决定**, 完整覆盖每个要点; 短内容 6-12 张起步, 长内容应更多 (同一版式可在不同章节重复使用)】
ネガティブ制約も厳格に固定されています。グラデーション / drop-shadow / 角丸 / 円形装飾 / blur / SVGアイコンライブラリ / 絵文字装飾を厳禁とし、モデルの自律性に頼るのではなく「何をしてはいけないか」によって墨紙の印刷質感を担保します。
- **严禁**: 渐变 / drop-shadow / 圆角 / 圆形装饰 / blur / SVG 图标库 / emoji 装饰。
雑誌らしい質感は3つの微細なディテールが担っています。11px 大文字 + 0.12em 字間のキッカー(kicker)、右下のフォリオ(folio)「01 / 12」、上部の極細罫線(hairline rule)+ 定期刊行物ロゴ / トピックです。
- **杂志感细节**: kicker 用 11px uppercase letterspacing 0.12em; folio 右下角 `01 / 12`; 顶部细 hairline rule + 期刊 logo / topic。
サンプルでは Tailwind CDN + 少量のカスタムクラスを用いて2つのレイアウト(L02 章扉 + L03 データグリッド)を表現しています。.paper / .ink の反転色、.display / .body-serif の明朝体、tabular-nums による .folio の等幅数字整列などを採用しています。
<!-- L03 Big Numbers Grid · paper -->
コンテンツの真正性もハードな制約事項です。データの捏造、Lorem ipsum、プレースホルダー画像URLを禁止し、すべての挿絵は純粋な CSS / インライン SVG による線画・面で描画する必要があります。
- **不许**: 数据捏造、Lorem ipsum、占位图片 URL。所有图请用纯 CSS / SVG 内联描绘 (色块 + 简笔)。
出典と翻案:frontmatter の example_source_url は op7418/guizang-ppt-skill を指し、本文には「Inspired by op7418/guizang-ppt-skill Style A」と謝辞を記載。README には vendored である旨と元の LICENSE およびクレジット表記が維持されている旨が記されています。
`deck-guizang-editorial` is vendored directly from [`op7418/guizang-ppt-skill`](https://github.com/op7418/guizang-ppt-skill) with original LICENSE and authorship preserved.
ランタイム実行はホスト側が担います。テンプレートディレクトリ内には実行可能ファイルが一切存在せず、プロンプトは assemblePrompt によって組み立てられた後、ローカルの agent CLI に渡されます。
export function assemblePrompt(opts: {
2コア機能
3外部依存関係
| Kind | Dependency / Endpoint |
|---|---|
| network | Google Fonts(Playfair Display / Inter / Noto Serif SC / Noto Sans SC) |
| network | Tailwind Play CDN(出现在产物示例 example.html 的 <script src>) |
| network | 第三方 skill 来源标注(frontmatter example_source_url,仅作出处记录,非运行时调用) |
4推奨統制措置と判定根拠
- SKILL.md: 純粋なプロンプト指示およびルールテキストのみであり、スクリプト実行や外部影響は一切ありません。
5二重目の独立検証
- [discrepancy] README 称 vendored 保留原 LICENSE,但该目录内是否有 LICENSE 文件 — 该 pin 的 next/src/lib/templates/skills/deck-guizang-editorial/ 下只有 SKILL.md、example.html、example.md,没有 LICENSE(deck-swiss-international/ 同样只有这三个文件)。README 的「original LICENSE ... preserved」在本 commit 未落到目录内;署名则保留于 frontmatter example_source_* 与正文致谢。
- [ok] 「10 个版面」是否在 SKILL.md 内真实列全 — 正文 L01-L10 十条齐备(Hero Cover / Act Divider / Big Numbers Grid / Quote+Image / Image Grid / Pipeline / Hero Question / Big Quote / Before-After / Mixed Media)。
- [ok] 5 套调色板是否都给全 hex — 墨水经典 / 靛蓝瓷 / 森林墨 / 牛皮纸 / 沙丘各给 ink、paper、paper-tint、ink-tint 四个 hex(如墨水经典 #0a0a0b / #f1efea / #e8e5de / #18181a)。
- [ok] 「严禁改 hex」是否与示例一致 — 示例 .paper{background:#f1efea} 与 .ink{background:#0a0a0b} 正是墨水经典 Monocle 的 paper / ink 值,色值未被改动。
- [ok] 目录内是否有脚本 / 凭证读取 / 写盘 — 三个文件均为文本;无 .sh/.py/.mjs,无 env 或凭证访问,无写盘代码。端点仅字体与 Tailwind CDN(见 security.reason)。
- [ok] 是否存在 WebGL / 动态描述被夸大 — 本模板未声称 WebGL 或动态效果;示例为静态双页展示,无需 JS 即成立。
- [ok] pin commit 与路径 — HEAD = 553ed98c283f9c0f489902d035416a972d6a9699;skill.path = next/src/lib/templates/skills/deck-guizang-editorial,含 SKILL.md。
6結論
6176059da9e335cc…