用途：为社交媒体（如小红书）生成“Apple 风/Buda 风”高端图片卡片，适合品牌叙事、活动回顾、教程与高信息密度内容。
主要能力：采用纯 HTML/Playwright 渲染流程，可混合三类素材——AI 插画（3D Pop 风格）、来自用户工作区的真实照片、纯 HTML 信息图（时间线、VS 对比、网格）。
使用方式（工作流）：
- 内容与版式规划：从文本中提取 3-6 个核心场景或金句，为每张卡片选择类型。image 类型需要 AI 插画或映射用户提供的真实照片/截图；infographic 类型用于高信息密度内容（如 VS 对比、三步时间线、清单），纯用 HTML/CSS 渲染。先检查工作区是否有现成真实照片，没有则计划生成 AI 插画。
- AI 插画生成：对缺失的视觉元素使用 generate_image，尺寸 1024x1792。品牌提示规则：每个提示词都必须追加固定后缀“3D pop illustration style, minimalist, abstract isometric elements, warm parchment background, matte gold accents, clean and trendy, no text.”。
- HTML/Playwright 渲染引擎（Node.js）：编写 Node.js 脚本用 playwright 渲染。关键防护：Playwright HTML 中不要用 file:// 路径，需将本地图片转为 base64 字符串后再注入 img 标签；避免嵌套反引号或复杂模板字面量，必要时用简单字符串拼接。严格 CSS 规则：视口 1080px×1440px（3:4）；背景色 oklch(0.985 0.006 85)（暖羊皮纸 #F8F4E6），强调色 oklch(0.52 0.076 78)（哑光金 #A68A56）；加载 Google Fonts，标题/引语用 'Noto Serif SC', serif，正文/数字用 'Inter', sans-serif。防裁切布局：容器须用 display: flex; flex-direction: column; flex: 1; padding-bottom: 60px; box-sizing: border-box。图片类型用 .image-wrapper 包裹，object-fit: cover、border-radius: 40px、box-shadow: 0 30px 60px rgba(0,0,0,0.12)。信息图类型直接注入自定义 HTML，示例样式 .compare-card、.timeline、.step-num。
- 无头浏览器截图：headless: true；deviceScaleFactor: 2 保证 Retina 清晰度；await page.setContent(html, { waitUntil: 'networkidle' }); 并在 page.screenshot() 前 await page.waitForTimeout(2000);。
- 压缩与交付：Playwright 生成的 PNG 过大易导致小红书自动化崩溃，需压缩为 JPG：convert output_card_raw.png -quality 85 final_card.jpg，再用标准交付标记把最终压缩 JPG 交给用户。
限制：资料未提供收费、价格、平台支持范围等具体信息；实际效果依输入内容与环境而定。