Design & Motion · nexu-io/html-anything

deck-guizang-editorial

Name: deck-guizang-editorial
Author: nexu-io/html-anything

Digital Magazine × E-ink; 10 layouts + 5 color palettes (Ink / Indigo Porcelain / Forest Ink / Kraft Paper / Dune)

L1 Basic · Source registration onlyV1 Commit-PinnedDual-pass Audit

Author nexu-ioGitHub nexu-io/html-anything ↗Stars 8827License Apache-2.0（仓库根 LICENSE = Apache License, Version 2.0；GitHub API license.spdx_id = Apache-2.0；模板目录内无独立 LICENSE 文件）Commit 553ed98c28

Control levels describe skill capabilities and suggested control measures; they do not represent quality or safety certifications, nor do they dictate usability. Usage decisions rest entirely with users and administrators. Different agent hosts apply varying constraints; do not assume hosts provide automatic protection. Third-party skill copyrights belong to their original authors. Use at your own risk.

1How It Works & Mechanism

Palettes are not merely 'choosing a few colors' but 5 sets of four-piece color roles (ink / paper / paper-tint / ink-tint), each bound to specific use cases, with strict prohibitions against modifying hex codes or mixing sets—changing a hex breaks the entire print aesthetic.

next/src/lib/templates/skills/deck-guizang-editorial/SKILL.md

- 🖋 **墨水经典 Monocle** — ink `#0a0a0b`, paper `#f1efea`, paper-tint `#e8e5de`, ink-tint `#18181a`. 默认 / 通用商业 / 科技。

Elevating 'color schemes' into an uncompromising role-based system serves as this template's strictest constraint.

The layout pool L01–L10 functions as a 'tape-style' reusable inventory: the slide count is determined by user content, the same layout can repeat across different chapters, starting at 6-12 slides for short content and scaling up for longer content.

next/src/lib/templates/skills/deck-guizang-editorial/SKILL.md

【布局 — 10 个磁带式版式池, 可复用; **数量由【用户内容】决定**, 完整覆盖每个要点; 短内容 6-12 张起步, 长内容应更多 (同一版式可在不同章节重复使用)】

Aligns with the host's shared instruction of 'content drives slide count': the template provides layouts, while the content dictates page count.

The negative constraints are equally locked down: gradients, drop-shadows, rounded corners, circular decorations, blur, SVG icon libraries, and decorative emojis are strictly forbidden—preserving the ink-on-paper print aesthetic through explicit prohibitions rather than relying on model intuition.

next/src/lib/templates/skills/deck-guizang-editorial/SKILL.md

- **严禁**: 渐变 / drop-shadow / 圆角 / 圆形装饰 / blur / SVG 图标库 / emoji 装饰。

Negative constraints curb style drift far better than positive descriptions; this template features the longest list of forbidden elements in its batch.

The magazine aesthetic is sustained by three microscopic details: an 11px uppercase kicker with 0.12em tracking, a bottom-right folio formatted as '01 / 12', and a top hairline rule paired with a journal 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。

Breaks down 'looking like printed matter' into actionable typographic parameters, meticulously fulfilled across examples.

The example demonstrates 2 layouts (L02 Act Divider + L03 Big Numbers Grid) via Tailwind CDN and minimal custom classes: .paper / .ink inversions, .display / .body-serif serif typography, and .folio using tabular-nums for aligned figures.

next/src/lib/templates/skills/deck-guizang-editorial/example.html

example_desc explicitly states 'L02 Act Divider + L03 Big Numbers Grid', maintaining consistency between examples and metadata.

Content authenticity is also a hard constraint: fabricated data, Lorem ipsum, and placeholder image URLs are prohibited; all illustrations must be rendered inline using pure CSS or SVG strokes.

next/src/lib/templates/skills/deck-guizang-editorial/SKILL.md

- **不许**: 数据捏造、Lorem ipsum、占位图片 URL。所有图请用纯 CSS / SVG 内联描绘 (色块 + 简笔)。

Explains why the examples feature zero images: graphical capabilities are strictly confined to color blocks and minimalist line work.

Source and adaptation: The frontmatter designates example_source_url pointing to op7418/guizang-ppt-skill, the body acknowledges 'Inspired by op7418/guizang-ppt-skill Style A', and the README notes it as vendored while retaining original licenses and attributions.

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.

This is the only template in this batch that explicitly credits a third-party source in its metadata (mapping to the source field on the site details page).

Runtime execution is handled by the host: the template directory contains zero executables; the prompt is assembled via assemblePrompt before being passed to the local agent CLI.

next/src/lib/templates/shared.ts

export function assemblePrompt(opts: {

The skill itself consists purely of prompts and example assets.

2Core Capabilities

01Positioned for narrative, opinion, and personal style expression (ink-on-paper print aesthetic, anti-tech)

025 color palettes × 4 color roles, modifying hex values or mixing palettes strictly forbidden

03L01 Hero Cover layout (centered title + kicker + subtitle + lead + bottom metadata)

04L02 Act Divider layout (8.5–10vw massive type, supports ink↔paper inverted schemes)

05L03 Big Numbers Grid layout (3×2 metric cards)

06L06 Pipeline / Flow layout (horizontal numbered steps, supports keyboard-driven step-by-step advance)

07L08 Big Quote layout (5.8vw serif quotation + English translation + attribution + date)

08Keyboard ← / → navigation + URL hash synchronization + single-file HTML

09Folio figure alignment (tabular-nums) and journal header running rules

3External Dependencies

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，仅作出处记录，非运行时调用）

4Recommended Governance & Evidence

Suggested Controls for Safe Operation

For Agent Runtime

Can be auto-loaded

For Administrators

Evidence & Triggers (File Paths & Excerpts)

SKILL.md: Pure prompt instructions and rule text; contains no script execution or external side effects.

Audit Notes: Evaluation target = the skill directory itself (next/src/lib/templates/skills/deck-guizang-editorial/): The directory contains only SKILL.md, example.html, and example.md. It contains no executable files such as .sh/.py/.mjs/.ts, no package.json, and no installation scripts. It contains no code that reads credentials, environment variables, or cookies, nor does it contain disk-write instructions (HTML is emitted by the model in the response body, and writing to disk is handled by the host frontend). Script tag count in examples = 1 (example.html × 1). SKILL.md contains purely layout and content specifications without referencing any generation backend or API to be accessed at runtime. According to Batch 4 evaluation criteria (artifact external references are not rated; pure instruction templates are rated green), this template is classified as pure instruction. The only endpoints appearing in the directory are the following (all belonging to artifact examples or their metadata, fetched client-side by the browser, not initiated by skill code): cdn.tailwindcss.com (found in example.html); fonts.googleapis.com (found in example.html); github.com (found in SKILL.md). Host-side behaviors are not rated here and are separately noted under verdict.risks: the convert route spawns a local agent CLI and passes prompts via stdin (next/src/lib/agents/invoke.ts), shared instructions require CDN imports for Tailwind / Google Fonts (next/src/lib/templates/shared.ts), and the preview iframe uses sandbox="allow-scripts allow-same-origin" (next/src/components/template-picker.tsx).

5Second-Pass Verification

[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。

6Verdict & Scenarios

Highest degree of stylistic controllability

Layout pool comprehensively covers end-to-end narrative workflows

Complete source and example metadata

Includes built-in input samples for easy comparison

Rigid dual enforcement of content authenticity

Best for: Ideal for brand storytelling, opinion essays, industry commentary, personal style essays, and editorial presentations: scenarios requiring a 'printed magazine / e-ink' tone that embrace a design free of gradients and icons. The 10-layout pool is also well-suited for pacing long-form articles into rhythmic slide decks.

Not for: Not suitable for high-tech aesthetics, data dashboards, or product launch events (the template explicitly specifies 'no tech aesthetic'); not suitable for chart-dense reports (SVG icon libraries and placeholder images are prohibited, limited to color blocks and line art); not suitable for presentations requiring motion graphics or interactive demonstrations (examples are static two-page layouts).

Install Agent-Ready

① Verified Mirror 2026-09-15

Option A · Direct DownloadDownload deck-guizang-editorial.tar.gz

sha256: 6176059da9e335cc…

Option B · Copy Guide for Agent

install.json

Agents automatically download and verify mirrors from this JSON guide.

② Upstream GitHub

GitHub Repo ↗

Pinned to commit 553ed98c28.