AGENT SKILL

deck-guizang-editorial

OpenDesign's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Built as a decision-grade marketing & GTM deck for CMO, growth lead, founder.

License 许可
MIT
最近更新
2026-11-14
Stars
★ 1.1k
Forks
104

01 前言 Front Matter

od
{ "mode": "deck", "preview": { "type": "html", "entry": "index.html", "reload": "debounce-100" }, "surface": "web", "category": "marketing-gtm", "featured": 0.01, "scenario": "marketing", "upstream": "https://github.com/nexu-io/html-anything", "design_system": { "requires": false }, "example_prompt": "Create \"Write an Annual Marketing Plan like a World-Class CMO\" as a decision-grade Marketing & GTM deck in this template's own visual system. Subject: OpenDesign's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Audience: CMO, growth lead, founder. First ask only for missing essentials: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Then produce the slide plan, written slides, visual direction, speaker-ready structure, and a critic pass against this rubric: can the plan connect creative choices to measurable growth.", "example_prompt_i18n": { "zh-CN": "用「归藏编辑墨水 Deck」模板把我的内容做成一套「电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)」。保持模板的视觉签名,使用真实内容和数据,避免 lorem ipsum 和占位图片。" } }
name
deck-guizang-editorial
tags
[ "marketing-gtm", "annual-marketing-plan", "marketing", "launch", "campaign", "pipeline", "decision-deck", "commercial-slide-agent", "deck-guizang-editorial" ]
emoji
🖋️
en_name
Write an Annual Marketing Plan like a World-Class CMO
zh_name
像世界级 CMO 一样写年度营销计划
category
slides
featured
49
scenario
marketing
triggers
[ "annual-marketing-plan", "marketing-gtm", "Write an Annual Marketing Plan like a World-Class CMO", "像世界级 CMO 一样写年度营销计划", "launch", "campaign", "pipeline", "html deck", "html slides" ]
example_id
sample-guizang-editorial
aspect_hint
16:9 横向翻页
description
OpenDesign's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Built as a decision-grade marketing & GTM deck for CMO, growth lead, founder.
recommended
1
example_desc
L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷
example_name
归藏编辑墨水 · 章节封页
en_description
OpenDesign's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Built as a decision-grade marketing & GTM deck for CMO, growth lead, founder.
example_format
markdown
zh_description
像世界级 CMO 一样写年度营销计划——一份可商业交付的市场增长 Deck,围绕真实主题、证据链与决策目标组织。
example_tagline
墨水经典调色板 + 衬线 display
example_source_url
https://github.com/op7418/guizang-ppt-skill
example_source_label
op7418/guizang-ppt-skill

02 资源文件 2

03 SKILL.md 正文

【模板: 归藏编辑墨水 Deck (Editorial × E-Ink)】 【意图】叙事、观点、分享、个人风格表达。墨纸印刷感, 不要科技感。Inspired by op7418/guizang-ppt-skill Style A。

【调色板 — 5 选 1, 严禁改 hex、严禁混用】

  • 🖋 墨水经典 Monocle — ink #0a0a0b, paper #f1efea, paper-tint #e8e5de, ink-tint #18181a. 默认 / 通用商业 / 科技。
  • 🌊 靛蓝瓷 Indigo Porcelain — ink #0a1f3d, paper #f1f3f5, paper-tint #e4e8ec, ink-tint #152a4a. 科技 / 研究 / 数据。
  • 🌿 森林墨 Forest Ink — ink #1a2e1f, paper #f5f1e8, paper-tint #ece7da, ink-tint #253d2c. 自然 / 可持续 / 文化。
  • 🍂 牛皮纸 Kraft Paper — ink #2a1e13, paper #eedfc7, paper-tint #e0d0b6, ink-tint #3a2a1d. 怀旧 / 人文 / 文学。
  • 🌙 沙丘 Dune — ink #1f1a14, paper #f0e6d2, paper-tint #e3d7bf, ink-tint #2d2620. 艺术 / 设计 / 时尚。

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

  • L01 Hero Cover — 居中大字 hero typography + kicker + subtitle + lead paragraph + 底部元数据 row。
  • L02 Act Divider — kicker + 8.5-10vw 巨大 headline + 一句引言; 章节切换可反色 (ink ↔ paper)。
  • L03 Big Numbers Grid — 3×2 数据卡 (label / 大数字 / 注释)。
  • L04 Quote + Image — 左 kicker + headline + body + callout; 右 16:10 图 (基线对齐 baseline 不是 top)。
  • L05 Image Grid — 3×2 或 3×1 等高图网格 (26vh 或 22vh); 严格统一高度。
  • L06 Pipeline / Flow — 横向编号步骤组, 每步: №X + 标题 + 描述; 支持键盘逐步推进。
  • L07 Hero Question — 7vw 全屏单一问句, 按语义断行, 周围极简。
  • L08 Big Quote — 5.8vw 巨大衬线引文 + 英文翻译 + 署名 + 日期。
  • L09 Before / After — 1:1 split; 左列 opacity .55 (旧/before); 右列 full brightness (新/after)。
  • L10 Mixed Media — 8:4 比例; 左大段文字 (kicker / headline / body / callout) + 右 3:4 竖图作辅助。

【设计细节】

  • 严禁: 渐变 / drop-shadow / 圆角 / 圆形装饰 / blur / SVG 图标库 / emoji 装饰。
  • 字体: Display 用 Playfair Display (英) / Noto Serif SC (中); Body 用 Inter / Noto Sans SC; 编号 / 数字偶尔可用 italic 衬线。
  • 杂志感细节: kicker 用 11px uppercase letterspacing 0.12em; folio 右下角 01 / 12; 顶部细 hairline rule + 期刊 logo / topic。
  • 不许: 数据捏造、Lorem ipsum、占位图片 URL。所有图请用纯 CSS / SVG 内联描绘 (色块 + 简笔)。
  • 键盘 ← / → 切换; hash 同步; 单文件 HTML。

04 同仓库更多 Skills

feimacode
feimacode/open-design-agent-kit

youtube-clipper

YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.

★ 1.1k
feimacode
feimacode/open-design-agent-kit

writing-guidelines

Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone", or "check this page against the writing handbook".

★ 1.1k
feimacode
feimacode/open-design-agent-kit

wpds

WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.

★ 1.1k
feimacode
feimacode/open-design-agent-kit

weread-year-in-review-video-template

WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories. Use when users want a 9:16 HTML-to-MP4 reading report with warm paper texture, editorial Chinese typography, book-page metaphors, data highlights, and deterministic motion.

★ 1.1k
feimacode
feimacode/open-design-agent-kit

web-design-guidelines

Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.

★ 1.1k
feimacode
feimacode/open-design-agent-kit

web-clone

网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树,覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支,并强制核对任何 AI 二手分析里的可执行代码。

★ 1.1k