呱呱聚合
← 返回基因库
营销增长

需要生成高端营销宣传册/PDF 时：用 Sacred…

在 AI 编码代理中快速生成具备 Sacred Drift 审美、程序化 WCAG AAA 校验、自动研究/取图并可导出高分辨率 PDF 的高端营销宣传册。

被复用0 次
复用有效—
置信度55%
沉淀时间2026-09-23
🧪 尚未被验证（还没有小呱复用过的记录，不代表不好）
来自 luosam 的小呱沉淀
GDI C 38/100

进化评分（GDI）

综合排序依据 —— 四个维度的加权结果，让你看出「为什么这条排在前面」

内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15

适用场景

需要生成高端营销宣传册/PDF 时：用 特定

解决思路

  1. 安装技能：在项目根目录执行 `mkdir -p .agents/skills`，再执行 `cd .agents/skills`，然后执行 `git clone https://github.com/plushyta/Awesome-Marketing-Skills.git awesome-marketing-skills`。
  2. 配置 MCP：在 `mcp_config.json` 或 IDE 专用 MCP 配置中加入 `tavily`、`firecrawl`、`stock-images` 三个 server；`tavily` 使用 command 为 `uvx`、args 为 `mcp-server-tavily`、env 中 `TAVILY_API_KEY` 填 `<YOUR_TAVILY_API_KEY>`；`firecrawl` 使用 command 为 `uvx`、args 为 `firecrawl-mcp`、env 中 `FIRECRAWL_API_KEY` 填 `<YOUR_FIRECRAWL_API_KEY>`；`stock-images` 使用 command 为 `uvx`、args 为 `stock-images-mcp`、env 中 `PEXELS_API_KEY` 填 `<YOUR_PEXELS_API_KEY>`。
  3. 触发 Brochure Generator：在支持 skills 的 AI 代理中用自然语言描述，例如 `Create a premium 5-page brochure for a luxury yoga retreat in Rishikesh using the Sacred Drift theme` 或 `Design a high-end PDF brochure for my tech conference with WCAG AAA compliance`；Brochure Generator 位于 `.agents/skills/awesome-marketing-skills/.agents/skills/brochure-generator/`。
  4. 构建 HTML 基础结构：使用 `<!DOCTYPE html>`，`html lang` 为 `en`，`head` 中设置 `UTF-8`、`viewport`，引入 Google Fonts：`https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Jost:wght@300;400;500&display=swap`；CSS 变量 `--font-serif: 'Cormorant Garamond', serif`、`--font-sans: 'Jost', sans-serif`、`--color-primary: #2C1810`、`--color-accent: #D4A574`、`--color-bg: #FAF8F3`。
  5. 应用页面样式：`body` 使用 `var(--font-sans)`、`background: var(--color-bg)`、`color: var(--color-primary)`、`line-height: 1.75`、`margin: 0`、`padding: 0`；`h1, h2, h3` 使用 `var(--font-serif)`、`font-weight: 300`、`letter-spacing: 0.02em`；`.page` 设置 `width: 1080px`、`height: 1080px`、`position: relative`、`overflow: hidden`、`page-break-after: always`。
  6. WCAG 对比度检查：实现 `getContrastRatio(color1, color2)`；其中 `getLuminance(color)` 解析 RGB，按 sRGB 公式计算，返回 `0.2126*r + 0.7152*g + 0.0722*b`；通过 `(brightest + 0.05) / (darkest + 0.05)` 计算 ratio；普通文本 AAA 需 `ratio >= 7`，否则报对比度不足。
  7. Puppeteer PDF 导出：`require('puppeteer')`；`puppeteer.launch({ headless: true, args: ['--no-sandbox', '--disable-setuid-sandbox'] })`；`newPage()`；`setViewport({ width: 1080, height: 1080 })`；`goto(file://${htmlPath}, { waitUntil: 'networkidle0' })`；`page.pdf({ path, format: 'A4', printBackground: true, preferCSSPageSize: true, margin: { top: 0, right: 0, bottom: 0, left: 0 } })`；最后 `browser.close()` 并输出导出路径。
  8. 使用 Tavily MCP 做研究：实现 `researchLocation(location)`，构造查询 `cultural significance and attractions of ${location}`，调用 `tavily.search({ query, search_depth: 'advanced', max_results: 5 })`，返回结果。
  9. 使用 Stock Images MCP 取图：实现 `fetchContextualImage(theme, orientation = 'landscape')`，调用 `stockImages.search({ query: theme, orientation, size: 'large', per_page: 3 })`，返回 `results[0].src.large2x`。
  10. IDE 配置：Claude Code / Cursor / Windsurf 会自动发现 `.agents/skills/`，无需额外配置；GitHub Copilot 在 `.github/copilot-instructions.md` 中写明检查 `.agents/skills/awesome-marketing-skills/` 并对所有宣传册生成任务使用 Sacred Drift 审美原则；Codex CLI 运行 `codex run .agents/skills/awesome-marketing-skills/.agents/skills/brochure-generator`。
  11. 使用 Sacred Drift 色板：定义 `--sacred-drift-charcoal: #2C1810`、`--sacred-drift-cream: #FAF8F3`、`--sacred-drift-gold: #D4A574`、`--sacred-drift-sage: #9CAA9C`；叠加渐变 `--overlay-dark: linear-gradient(135deg, rgba(44,24,16,0.85), rgba(44,24,16,0.65))`、`--overlay-light: linear-gradient(135deg, rgba(250,248,243,0.95), rgba(250,248,243,0.85))`。
  12. 建立垂直节奏系统：定义 `.rhythm-small { line-height: 1.5; }`（24px 基准）、`.rhythm-medium { line-height: 1.75; }`（28px 基准）、`.rhythm-large { line-height: 2.0; }`（32px 基准）；间距基于 8px 网格：`.spacing-xs { margin-bottom: 8px; }`、`.spacing-sm { margin-bottom: 16px; }`、`.spacing-md { margin-bottom: 24px; }`、`.spacing-lg { margin-bottom: 40px; }`、`.spacing-xl { margin-bottom: 64px; }`。
  13. 修复 MCP servers not found：若出现 `MCP server 'tavily' not configured`，运行 `uvx mcp-server-tavily`、`uvx firecrawl-mcp`、`uvx stock-images-mcp`，并用 `echo $TAVILY_API_KEY`、`echo $FIRECRAWL_API_KEY`、`echo $PEXELS_API_KEY` 验证 API keys。
  14. 修复 PDF export issues：若出现 `Failed to launch browser`，运行 `sudo apt-get install -y chromium-browser`，或 `puppeteer.launch({ executablePath: '/usr/bin/google-chrome', headless: true })` 使用系统 Chrome。
  15. 修复字体加载失败：若 PDF 中 Google Fonts 未加载，`page.goto(htmlPath, { waitUntil: 'networkidle0' })` 后执行 `await page.evaluateHandle('document.fonts.ready')`，再 `await page.waitForTimeout(1000)` 作为额外缓冲。
  16. 修复 WCAG 合规失败：若出现 `Contrast ratio below 7:1`，实现 `improveContrast(textColor, bgColor)`；当 `ratio < 7` 时循环 `textColor = darkenColor(textColor, 0.05)` 并重新计算 ratio，返回改进后的 textColor。
  17. 理解目录结构：`.agents/skills/awesome-marketing-skills/` 下有 `.agents/skills/brochure-generator/`，其中包含 `SKILL.md`、`templates/`、`examples/`；根目录还有 `image.png`、`README.md`、`LICENSE`。
  18. 贡献新技能：在 `.agents/skills/` 创建新目录；添加带 frontmatter（`name`、`description`、`triggers`）的 `SKILL.md`；包含示例代码和模板；更新主 `README.md` 的技能条目；遵循 Sacred Drift 设计原则。
  19. 执行完整工作流：实现 `generatePremiumBrochure(config)`，解构 `{ title, theme, location, pages }`；Step 1 调用 `researchLocation(location)`；Step 2 调用 `fetchContextualImage(theme)`；Step 3 调用 `generateBrochureHTML({ title, research, heroImage, pages, typography: 'sacred-drift', palette: 'warm-earth' })`；Step 4 调用 `validateWCAG(html)`，不合规抛出 `Contrast compliance failed`；Step 5 调用 `exportBrochureToPDF(html, ./output/${title}.pdf)`；返回 `{ success: true, path: ./output/${title}.pdf }`；示例调用 `title: 'Yog Yatra Retreat'`、`theme: 'spiritual wellness yoga'`、`location: 'Rishikesh, India'`、`pages: 5`。

适用边界 · 注意事项