全部技能 / 设计 / deck-guizang-editorial
设计 · nexu-io/html-anything

deck-guizang-editorial

电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)

风险提醒:绿色 · 放心使用AI 侦查报告
作者 nexu-ioGitHub nexu-io/html-anything ↗Stars 8827许可 Apache-2.0(仓库根 LICENSE = Apache License, Version 2.0;GitHub API license.spdx_id = Apache-2.0;模板目录内无独立 LICENSE 文件)commit 553ed98c28
agent 宿主通常会约束 skill 执行权限;风险提醒为 AI 侦查观点,不构成质量或安全保证。第三方 skill 仅作拆解与展示,安装使用风险自负,版权归原作者。

1实现原理 · 为什么它能做到

调色板不是「选几个颜色」而是 5 套四件套色彩角色(ink / paper / paper-tint / ink-tint),每套绑定使用场景,并明令严禁改 hex、严禁混用——hex 一改,整套印刷感就散了。

next/src/lib/templates/skills/deck-guizang-editorial/SKILL.md
- 🖋 **墨水经典 Monocle** — ink `#0a0a0b`, paper `#f1efea`, paper-tint `#e8e5de`, ink-tint `#18181a`. 默认 / 通用商业 / 科技。
注:把「配色」提升为不可协商的角色系统,是本模板最硬的约束

版式池 L01–L10 是「磁带式」可复用清单:数量由用户内容决定、同版式可在不同章节重复,短内容 6-12 张起步、长内容应更多。

next/src/lib/templates/skills/deck-guizang-editorial/SKILL.md
【布局 — 10 个磁带式版式池, 可复用; **数量由【用户内容】决定**, 完整覆盖每个要点; 短内容 6-12 张起步, 长内容应更多 (同一版式可在不同章节重复使用)】
注:与宿主共享指令的「内容驱动数量」同向:模板给版式,页数给内容

负向清单同样锁死:严禁渐变 / drop-shadow / 圆角 / 圆形装饰 / blur / SVG 图标库 / emoji 装饰——用「不许做什么」保证墨纸印刷感,而不是靠模型自觉。

next/src/lib/templates/skills/deck-guizang-editorial/SKILL.md
- **严禁**: 渐变 / drop-shadow / 圆角 / 圆形装饰 / blur / SVG 图标库 / emoji 装饰。
注:负向约束比正向描述更能防风格漂移,这是同批模板里最长的禁区清单

杂志感由三个微观细节承担:11px uppercase + 0.12em 字距的 kicker、右下 folio「01 / 12」、顶部 hairline rule + 期刊 logo / topic。

next/src/lib/templates/skills/deck-guizang-editorial/SKILL.md
- **杂志感细节**: kicker 用 11px uppercase letterspacing 0.12em; folio 右下角 `01 / 12`; 顶部细 hairline rule + 期刊 logo / topic。
注:把「像印刷品」拆成可执行的排版参数,示例逐条兑现

示例用 Tailwind CDN + 少量自定义类演绎 2 个版面(L02 章节封页 + L03 数据格):.paper / .ink 反色、.display / .body-serif 衬线、.folio 用 tabular-nums 对齐数字。

next/src/lib/templates/skills/deck-guizang-editorial/example.html
<!-- L03 Big Numbers Grid · paper -->
注:example_desc 明写「L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格」,示例与元数据一致

内容真实性同样是硬约束:不许数据捏造、不许 Lorem ipsum、不许占位图片 URL,所有插图必须用纯 CSS / SVG 内联描绘。

next/src/lib/templates/skills/deck-guizang-editorial/SKILL.md
- **不许**: 数据捏造、Lorem ipsum、占位图片 URL。所有图请用纯 CSS / SVG 内联描绘 (色块 + 简笔)。
注:这解释了示例为何零图片:图形能力被限定在色块与简笔

来源与改编:frontmatter 记 example_source_url 指向 op7418/guizang-ppt-skill,正文致谢「Inspired by op7418/guizang-ppt-skill Style A」;README 称其 vendored 并保留原 LICENSE 与署名。

README.md
`deck-guizang-editorial` is vendored directly from [`op7418/guizang-ppt-skill`](https://github.com/op7418/guizang-ppt-skill) with original LICENSE and authorship preserved.
注:这是本批唯一在元数据里显式标注第三方出处的模板(对应站点详情页的来源字段)

运行时由宿主承担:模板目录零可执行文件,prompt 由 assemblePrompt 拼装后交本地 agent CLI。

next/src/lib/templates/shared.ts
export function assemblePrompt(opts: {
注:skill 本体只是 prompt + 示例素材

2核心能力

01叙事 / 观点 / 个人风格表达定位(墨纸印刷感,不要科技感)
025 套调色板 × 四色角色,禁用改 hex / 混用
03L01 Hero Cover 封面页(居中大字 + kicker + subtitle + lead + 底部元数据)
04L02 Act Divider 章节封页(8.5-10vw 巨字,可 ink↔paper 反色)
05L03 Big Numbers Grid 数据格(3×2 数据卡)
06L06 Pipeline / Flow(横向编号步骤,支持键盘逐步推进)
07L08 Big Quote(5.8vw 衬线引文 + 英文翻译 + 署名 + 日期)
08键盘 ← / → 切换 + hash 同步 + 单文件 HTML
09folio 数字对齐(tabular-nums)与期刊页眉

3外部依赖

类型依赖
networkGoogle Fonts(Playfair Display / Inter / Noto Serif SC / Noto Sans SC)
networkTailwind Play CDN(出现在产物示例 example.html 的 <script src>)
network第三方 skill 来源标注(frontmatter example_source_url,仅作出处记录,非运行时调用)

4风险提醒 风险提醒:绿色 · 放心使用

风险提醒:绿色 · 放心使用
  • 宿主侧:预览 iframe 放宽沙箱 — template-picker.tsx 用 srcDoc + sandbox="allow-scripts allow-same-origin";同源脚本可自行摘除沙箱,属宿主实现风险,不判档。
  • 宿主侧:会 spawn 本地 agent CLI — convert 路由经 invokeAgent 以本地已登录 CLI 执行 prompt。
  • 产物示例含 CDN 外链 — example.html 引 cdn.tailwindcss.com 与 fonts.googleapis.com(见 security.reason):若要求产物完全离线自包含,需自行替换为内联样式与系统字体。
  • 第三方来源授权链不完整 — README 声称保留原 LICENSE,但本 commit 目录内无 LICENSE 文件;下游若要再分发该模板,需回到上游 op7418/guizang-ppt-skill 核对授权。
  • 禁区密集,改样式成本高 — 严禁渐变 / 圆角 / 投影等意味着想「现代化改造」必须重写整套主题,而非微调参数。
风险提醒:绿色,放心使用。判级对象=skill 自身目录(next/src/lib/templates/skills/deck-guizang-editorial/):目录内只有 SKILL.md、example.html、example.md,无 .sh/.py/.mjs/.ts 等可执行文件、无 package.json、无安装脚本;目录内不含任何读取凭证 / 环境变量 / cookie 的代码,也没有写盘指令(HTML 由模型在回复正文输出,落盘由宿主前端负责)。example 里的 <script> 计数=1(example.html×1)。SKILL.md 是纯版式 / 内容规范,未点名任何运行时要访问的生成后端或接口;按批4 口径(产物引用不判级、纯指令模板判 green),本模板属纯指令型。目录内实际出现的端点仅以下(均属产物示例或其元数据,由浏览器端拉取,非 skill 代码发起):cdn.tailwindcss.com(见于 example.html);fonts.googleapis.com(见于 example.html);github.com(见于 SKILL.md)。宿主侧行为不判档,另记于 verdict.risks:convert 路由 spawn 本地 agent CLI 并以 stdin 传 prompt(next/src/lib/agents/invoke.ts)、共享指令要求 CDN 引入 Tailwind / Google Fonts(next/src/lib/templates/shared.ts)、预览 iframe 用 sandbox="allow-scripts allow-same-origin"(next/src/components/template-picker.tsx)。

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结论

  • 风格可控性最强
  • 版式池覆盖叙事全流程
  • 来源与示例元数据完整
  • 自带输入样例,便于对照
  • 内容真实性有双重纪律
  • 适合:适合品牌叙事、观点长文、行业观察、个人风格表达与营销型分享:需要「印刷杂志 / 电子墨水」调性、且接受无渐变无图标的场景。10 个版式池也适合把长文切成有节奏的翻页稿。
    不适合:不适合科技感 / 数据大屏 / 发布会(模板明确「不要科技感」);不适合图表密集的汇报(禁 SVG 图标库、禁占位图,只有色块与简笔);不适合需要动效与交互演示的场合(示例为静态双页)。
    安装 agent 直装可复制
    ① 本站镜像 更新 2026-09-15
    方式 A · 人下载镜像包下载 deck-guizang-editorial.tar.gz
    sha256: 6176059da9e335cc…
    方式 B · JSON 格式安装指南,复制给 agent
    安装指南
    agent 读 JSON 指南后会自动从本站下载安装,无需更多说明。
    ② 上游 GitHub · 原始来源
    能访问 GitHub?直接去上游安装(实时版,可能已更新)GitHub 原始 ↗
    本页镜像锁定 commit 553ed98c28;上游为实时仓库。
    来源信息 GitHub 原始
    作者 / 仓库nexu-io / nexu-io/html-anything
    Stars8827
    最近推送2026-09-15
    本 skill commit553ed98c28
    许可Apache-2.0(仓库根 LICENSE = Apache License, Version 2.0;GitHub API license.spdx_id = Apache-2.0;模板目录内无独立 LICENSE 文件)
    本站信息
    收录日期2026-09-06
    分类设计
    侦查报告AI 侦查 · 2 遍 · 2026-09-06
    本站镜像与 GitHub 原始是不同来源:本站锁定 commit 快照经 /r2 分发;GitHub 为实时上游,内容可能已更新。
    同分类邻近