any2card

any2card

把任意文本、文章链接或线程内容，转成一张可以直接发布的 HTML 信息卡。 它的目标不是“做漂亮图片”，而是让卡片本身完成信息传达：先可读，再有审美，再适合传播。

安装

通过 npx 安装或同步最新 skill：

npx skills add https://github.com/geekjourneyx/any2card

快速开始

1. 准备一段文本或一个 URL。
2. 先看 skill 给出的主推荐、备选和取舍，再确认偏好。
3. 让 skill 提炼核心观点、数字和结构。
4. 选择合适主题家族与模板。
5. 打开生成的 HTML，在浏览器中保存为 PNG。

这能做什么

• 抓取网页、论文、社交线程或纯文本内容。
• 提炼主标题、副标题、要点、金句和来源。
• 根据内容密度自动选择合适布局。
• 生成可直接在浏览器打开的 HTML 卡片。
• 内置一键保存 PNG 按钮，方便导出分享图。

设计目标

这个 skill 不是单纯的排版工具，而是一套原创主题系统。 它的目标是让同一份内容在不同主题下呈现出不同的构图、节奏和气质，而不是只换颜色。

目标线

主题家族

使用流程

1. 输入 URL 或纯文本。
2. 系统先给出画布比例建议，再给出 1 个主推荐 + 2 个备选，并说明取舍。
3. 用户确认特殊要求，例如克制 / 张力 / 传播 / 阅读。
4. 系统提炼核心观点、数字和因果链。
5. 自动判断是否值得加图。
6. 选择合适主题家族和模板。
7. 生成 HTML。
8. 在浏览器打开并保存为 PNG。

输入示例

把这篇文章做成信息卡
https://x.com/...
把这段内容整理成适合小红书的卡片

内容提炼原则

• 标题必须是结论，不是背景说明。
• 只保留会影响理解的内容。
• 4-6 个要点通常是上限。
• 数字必须忠实原文，不能改量纲。
• 金句必须来自原文或基于原文重组，不得虚构。

布局判断

什么时候加图

只在图比纯文本多传递信息时加图：

• 因果链清晰时，用 Mermaid 流程图。
• 有步骤流程时，用 Mermaid 流程图。
• 概念关系清晰时，用 Mermaid 关系图。
• 抽象但适合视觉表达时，用内联 SVG。
• 纯观点、纯列表、纯金句时，不加图。

输出规范

• 默认输出 HTML 到 /tmp/info-card-[关键词].html
• 页面必须内置保存 PNG 按钮
• 默认以手机阅读为先
• 默认支持 auto、portrait、square、landscape 四种画布比例
• 高密度内容优先单栏，不为了桌面感牺牲可读性
• 所有主题必须真正改变构图，不只是改颜色

文档结构

• SKILL.md：生成规则与主题决策
• references/design-spec.md：视觉规范与模板库
• assets/：本地字体资源

阅读顺序

如果你只想快速上手，按这个顺序看：

1. 安装
2. 快速开始
3. 主题家族
4. 使用流程
5. 内容提炼原则
6. 输出规范

设计原则

这个项目吸收了几类成熟设计逻辑：

• 像 Claude 一样重视纸感、阅读节奏和温暖的内容气质。
• 像 Vercel 一样重视精确、留白和边界。
• 像 Notion 一样重视内容优先和结构清晰。
• 像 BMW、Ferrari 一样重视场景感、对比和张力。
• 像 taste-skill 一样严格拒绝 AI 常见的平庸模板。

对齐标准

这些仓库是本项目的设计参照：

• qiaomu-info-card-designer：致谢原始灵感来源，项目在其信息卡输出思路基础上重写了主题系统、文档结构与设计规范。
• awesome-design-md：提供品牌级设计语言样本，重点吸收气质、留白、层级与边界感。
• taste-skill：提供设计工程约束，重点吸收反 slop、字体纪律、布局变体和动效边界。

落点对应关系：

• 纸感与阅读节奏 → Claude / Notion
• 精确边界与 shadow-as-border → Vercel
• 场景感与戏剧性 → BMW / Ferrari
• 反泛化与强约束 → taste-skill

约束

• 不允许虚构内容。
• 不允许只改颜色不改结构。
• 不允许主题之间没有明显差异。
• 不允许让手机阅读变差来换视觉效果。
• 不允许文档像 fork 的二次转述。

进一步说明

如果你要改主题、补模板或校准规范，优先改：

1. references/design-spec.md
2. SKILL.md
3. README.md

这三个文件必须互相一致，不能各说各话。