知识卡片设计工作室·专业版2.0

概述

知识卡片设计工作室 Pro

把一篇长文、一段教程、一套方法或一组数据，变成真正适合阅读和传播的视觉卡片。

先免费做好两张你的样卡，再决定要不要完整制作。 样卡不是通用案例，而是你的内容、主画幅和已选视觉方向。可以保存两张样卡PNG；不继续制作也可以留下。样例免本Skill任务费，宿主模型仍可能消耗积分。开始时说明完整任务收费，创建订单前展示实时价格，不临时追加隐藏费用。

它不只是把文字塞进固定模板：会先判断内容是在讲观点、步骤、对比、流程、数据还是行动，再为每张卡片分配清晰的信息任务，建立统一的字体、色彩、网格、留白和跨页节奏。最终交付的不是几张不可修改的截图，而是一份可以继续改字、换尺寸、单张下载、批量下载和导出总览的 HTML 工作台。

先看最终能做成什么样

先选气质，再开始定制

不知道自己适合什么风格也没关系。可以先看技术编辑、清透信息图、高级宣言等标准案例，再根据主题、平台与受众确定这一批卡片的视觉方向。

一份内容，形成一套完整视觉叙事

同一主题不会每页随机换风格。封面、方法、对比、流程、证据与结尾会保持统一视觉语言，同时根据内容结构切换合适构图。

交付可编辑、可检查、可批量导出的工作台

标题、正文、数字、引用和来源都保留为确定性文字层。用户可以直接改字、切换画幅、检查遮挡，下载当前卡片、全部卡片或总览拼图。

上图均为该 Skill 实际工作流生成或验收的效果示例。不同主题会重新选择信息结构与视觉系统，不承诺逐像素复制示例。

它比普通卡片模板多做了什么

• 先拆内容，再做视觉：长文会被整理成命题、解释、步骤、对比、证据、引用与行动，而不是机械分页。
• 整套统一，不是随机拼盘：同批次统一字体、色板、图标、页码、边距和页脚，变化来自信息结构。
• 不同内容使用不同图形语言：流程、时间线、矩阵、对比、评分、指标、工作区、金句等模块按语义选用。
• 多个平台画幅真正重排：支持 3:4、4:5、1:1、16:9、9:16 和长图，不把竖版粗暴压成方形。
• 交付后还能继续使用：HTML 文字可以直接编辑；支持单张PNG、批量下载和总览拼图。
• 导出前主动检查：发现文字遮挡、模块越界、页脚冲突或图片异常时阻止错误导出。
• 参考优秀作品但不照抄：可以分析用户提供的案例图或公开页面，只提炼层级、网格、留白和节奏，不复制Logo、署名或独特模板。

适合这些需求

• 小红书多页图文、公众号配套长图、视频口播图文版。
• AI工具教程、操作步骤、方法论和工作流拆解。
• 读书笔记、课程总结、知识科普与学习资料。
• 观点表达、趋势判断、前后对比与金句卡片。
• 数据摘要、指标解释、调研结论和信息图。
• 已有长文的视觉化再传播。

用户可以怎么开始

只有内容，没有设计想法

直接发送文章、笔记或提纲，并说明准备发到哪里。先根据主题、受众和阅读目标给出2至3个明显不同的视觉方向，每次只确认一个关键选择。

有喜欢的案例图或参考页面

实际查看参考图、公开链接或截图，分析其信息层级、留白、字体、色彩、图形和跨页节奏；输出可借鉴原则与明确不复制的元素，再进行原创转译。

已经知道自己想要什么

可以直接说明画幅、张数、主色、内容密度、是否需要Emoji或图标、哪些信息必须突出。将要求整理为“必须满足、可以优化、存在风险”，确认后执行。

用户可以这样说：

把这篇文章整理成8张小红书3:4知识卡片，整体克制、现代、有编辑感；先拆信息结构，再给我两个视觉方向选择。最终交付可编辑HTML，并支持逐张和批量下载PNG。

一次完整交付

• 1组 3–12 张原创知识卡片。
• 1个主画幅与1套统一视觉系统。
• 1份可直接改字的自包含 knowledge-card-workbench.html。
• 单张PNG、批量下载与总览拼图导出能力。
• 1份内容与卡片结构清单 knowledge-card-manifest.json。
• 来源、引用、数据与图片授权说明。
• 桌面、移动端、目标画幅和遮挡检查结果。
• 首次生成后1次同范围小幅调整。
• HTML工作台内置可折叠作者入口，可继续访问子轩学长超级个体官网与公开内容主页。

Agent执行规范

付费前置检查：先完成真实双卡试读

1. 读取本次授权内容，确认主题、受众、目标平台、主画幅、完整张数和不能公开的内容。没有实质素材时先索取，不用虚构案例冒充定制结果。
2. 根据内容推荐一个视觉方向；用户犹豫时再给另一个明显不同的方向。固定案例只辅助选择，不能替代用户样卡。
3. 按 [free-preview.md](references/free-preview.md) 生成封面与一张有独立价值的核心内容卡，以及整组仅标题的提纲。不要先生成完整manifest或隐藏全套内容。
4. 用本地双卡构建器生成HTML，实际打开、检查文字并展示。两张样卡可单独保存PNG，页面不联网创建订单。
5. 用户可提出一次同样卡的小调整。说“按这个做完整的”即可进入报价，不强迫填写满意度表；用户不继续时不创建订单，也不扣留样卡。

python scripts/build_preview.py preview.json --html card-preview-v1.html --receipt preview-receipt-v1.json

当前样卡使用确定性文字与步骤/对比/观点模块，不消耗AI生图额度；完整制作可按已确认素材方案加入真实图片。预览只包含双卡，不包含完整工作台渲染器。不承诺与最终工作台逐像素一致，但主题、内容、配色、主画幅和层级必须承接样卡。

生成内容清单

只有支付后 retry 返回服务端 SUCCESS 才创建完整 knowledge-card-manifest.json。结构见 [manifest-contract.md](references/manifest-contract.md)；语义与来源读取 [card-system.md](references/card-system.md)；画幅重排读取 [variation-matrix.md](references/variation-matrix.md)；有参考时读取 [reference-card-audit.md](references/reference-card-audit.md)。

基本要求：

• 每张卡只承担一个主要信息动作。
• 同批次保持统一视觉系统，不逐页更换无关风格。
• 标题、正文、数字、引用和来源使用确定性文字层。
• 图片只接受用户授权的内嵌 data:image/png|jpeg|webp|gif;base64,...，不上传本机路径、Cookie、密码、私有链接或客户隐私。
• request_id、render_request_id 使用新的UUID；input_digest 是已确认任务摘要的SHA-256十六进制值。

正式生成与X402支付

正式生成属于按次付费能力，只使用网关动态读取的SkillHub正式报价，不引用本地旧金额。一次任务包含首次生成与一次同范围小幅调整，已获得的HTML可以无限次在本地编辑和导出。

1. 用户看过样卡且希望继续后，确认 weixinpay_pay 可用。通过 GET https://api.superzixuan.com/v1/pay/skills/visual-knowledge-card-studio-pro 查询实时金额、币种、版本和可用性，展示完整范围并等用户同意。不可用仍保留样卡，不交付完整成果。
2. start 向唯一业务接口 POST https://api.superzixuan.com/v1/pay/skills/visual-knowledge-card-studio-pro 只发送请求ID、摘要哈希与版本，不发送全文或manifest。
3. 首次必须收到 HTTP 402 Payment Required，保存原 WeixinPay-Required 与 X-Out-Trade-No（out_trade_no）。缺失则停止，不伪造。
4. 只有用户明确授权才调用 weixinpay_pay(paymentCode=<payment_code>)。
5. 支付成功后必须通过 retry 重试同一接口，携带原请求ID、任务摘要、支付码和订单号双Header。服务端核验微信查单 trade_state=SUCCESS 才会返回 SUCCESS；用户口头声明和支付工具调起不能替代。
6. 付款核验后整理完整manifest。完整卡片文字、来源标签和授权图片将发送到自有私有渲染服务：这一前提须在付款前说明并取得本次授权，不传原始文章附件、未用于卡片的私密内容或凭据。render 返回 HTTP 200 且 Content-Type: text/html 后保存工作台，再做浏览器验收。

python scripts/pay_gate.py quote --output quote.json
# 以下确认参数仅在实际展示样卡、用户明确同意实时价格和完整范围后使用
python scripts/pay_gate.py start --preview preview.json --receipt preview-receipt-v1.json --html card-preview-v1.html --quote-file quote.json --state-file payment-state.json --preview-seen --confirm
python scripts/pay_gate.py retry --state-file payment-state.json
python scripts/pay_gate.py render --state-file payment-state.json --manifest knowledge-card-manifest.json --output knowledge-card-workbench.html

支付异常处理

取消、未知、报价变化或服务不可用时不交付完整结果。网络结果未知时保留状态文件和原请求ID；不要换状态文件或新建订单重试。本地样卡摘要只是正常流程防串单检查，不是安全授权；完整服务仍由服务端微信查单、订单状态与额度控制。

完整支付、幂等、一次调整和异常处理规则见 [pay-skill-runtime.md](references/pay-skill-runtime.md)。

质量验收

1. 不同画幅必须重新分配标题、正文、图形和页脚空间。
2. Emoji或图标只用于帮助识别，不作为无意义装饰；同一张卡通常不超过4个Emoji。
3. 打开HTML后检查全部卡片的标题、正文、模块和页脚是否遮挡、溢出或截断。
4. 至少验证桌面工作台、390像素移动视口、目标画幅、文字编辑、单张下载和批量下载。
5. 任何卡片存在布局警告时，先精简、拆卡或更换语义模块，再导出。

安全边界

• 本地Skill和任务文件不是付款凭证；服务端只依据微信支付查单结果、订单状态和生成额度履约。
• 不索取或保存商户密钥、证书私钥、开发者私钥、Token、Cookie或其他支付凭据。
• 不编造数据、来源、图片授权、付款结果、浏览器检查或导出结果。
• 不复制参考作品的文字、图片、Logo、署名、专属组件或逐像素版式。
• 渲染失败不消耗调整额度；保留错误证据，不声称已经完成。