Macaron Card Generator — Macaron 卡片生成器

Macaron 卡片生成器 从文本内容以一键点击方式生成美丽的卡片图像，采用马卡龙色卡通插图风格。 触发词 生成卡片，制作卡片，绘制卡片，生成图像，书籍卡片，推荐卡片，概念卡片，引用卡片，比较卡片，创建图像。 工作流程 了解用户需求 → 确认卡片类型、内容和宽高比 构建 JSON 内容 → 根据卡片类型组织数据（参考 references/design_guide.md 中的字段描述） 运行 scripts/generate_card.py → 生成 HTML 文件 使用 Playwright/CDP 截图 → 将 HTML 渲染为 PNG 将 PNG 发送给用户 快速开始 python scripts/generate_card.py \ --type book \ --content '{"title":"小王子","author":"安托万·德·圣埃克絮佩里","recommendation_reason":"...","key_takeaway":"...","rating":"5","tags":["经典"],"ratio":"3:4"}' \ --output card.html 然后使用浏览器截图工具将 card.html 渲染为 PNG。 卡片类型 类型 --type 描述 书籍推荐卡 book 标题、作者、评分、推荐理由、引用、标签 概念卡 concept 概念名称、定义、例子、相关概念 引用卡 quote 引用的文本、作者、来源、背景 比较卡 compare 比较主题、双方特征、结论 设计系统 所有卡片遵循马卡龙色卡通插图风格： 柔和的渐变背景 + 白色圆角卡片 虚线双边框，模拟手绘效果 装饰性圆圈、星星和圆点元素 每种卡片类型都会自动匹配颜色方案 参考 references/design_guide.md 中的详细颜色板、宽高比参数和 JSON 字段描述。 截图输出 生成的 HTML 需要渲染为 PNG。推荐方法： Playwright（首选）：使用 playwright MCP 工具，设置视口为脚本输出的宽度和高度，然后截图 xbrowser 技能：打开 HTML 并截取全页截图 浏览器工具：如果 HTML 可以通过 HTTP 访问，则使用浏览器截图 一旦截图完成，最后的 PNG 卡片图像就可以直接发送给用户。 使用 API、CLI、GitHub 等进行卡片生成和管理。