為什麼你的信息卡看起來都一樣？因為你在換色，別人在換構圖
整理版優先睇
any2card：唔係換色，而係用 AI 換構圖嘅信息卡生成器
呢篇文章介紹一個叫 any2card 嘅 AI 編程助手技能，由作者 geekjourneyx 開發。市面上大多數信息卡工具淨係識換 accent colour，但 any2card 嘅核心係換構圖骨架。佢內置 4 大主題家族、12 套正交主題，同一份內容喺唔同主題下會有完全唔同嘅閲讀節奏同氣質，唔止係換個 color scheme 咁簡單。作者希望解決信息卡千篇一律嘅問題，等用戶可以針對內容密度同傳播場景，自動生成高質素嘅 HTML 信息卡。
any2card 嘅使用流程好簡單：用戶輸入純文本、文章 URL 或社交 thread，系統會先分析內容，畀出 1 個主推薦加 2 個備選嘅風格建議，同時建議畫布比例。然後自動提煉主標題（必須係結論）、副標題、4-6 個要點、一句金句同來源資訊。之後用戶可以喺 4 大主題家族入面揀主題，系統會根據內容密度決定佈局——高密度用單欄，低密度可以玩大字符或網格。最後輸出純 HTML，可以喺瀏覽器直接保存做圖片，或者用頁內按鈕一鍵 save PNG。
呢個工具嘅設計邏輯好有心思：畫布比例係一級變量，先定比例再揀主題；標題必須係結論，唔係搬文章標題；高密度內容默認單欄，手機可讀性優先；只喺圖比文字多傳遞資訊嘅時候先加圖。any2card 係純文檔型 Skill，冇腳本依賴，跨平台支援 WorkBuddy、Claude Code、Cursor 等，而且離線完全用到——安裝一次，斷網都可以…
- 核心差異：any2card 換構圖而非換色，內置 4 大主題家族、12 套正交主題，同一內容呈現唔同骨架同氣質。
- 使用流程：輸入內容 → 系統畀風格建議 → 自動提煉結論式標題同要點 → 揀主題佈局 → 生成 HTML 或 PNG。
- 設計決策：畫布比例係一級變量；標題必須係結論；高密度內容默認單欄；只喺圖有額外資訊時先加圖。
- 環境兼容：純文檔型 Skill，冇腳本依賴，跨平台（WorkBuddy、Claude Code、Cursor 等），離線完全可用。
- 快啲行動：安裝超簡單——下載 GitHub 壓縮包放技能目錄，或者 npx skills add，即刻可以將文章變靚卡。
any2card GitHub 倉庫
技能原始碼與安裝說明，內含 SKILL.md 指令檔案同多個參考模板。
any2card Skill
AI 編程助手技能，將文本或連結轉為 HTML 信息卡，支援 WorkBuddy、Claude Code、Cursor 等主流工具。
點解 any2card 唔同？因為佢換構圖，唔係換色
市面上大多數信息卡工具淨係識得換 accent colour，但 any2card 嘅核心係「換構圖」。佢內置 4 大主題家族——編輯型、精準型、電影型、表達型——再細分 12 套正交主題，每套主題嘅骨架、節奏同氣質完全唔同。
同一份內容喺唔同主題下會呈現唔同嘅閲讀體驗，唔止係換個顏色咁表面。
舉例嚟講，「紙感書頁」主題偏向安靜耐讀，適合長文觀點；「Noir Poster」主題高對比戲劇性，適合爭議話題；「Social Slice」主題直給利於轉發。每個主題都係獨立構圖，唔係一味複製貼上。
- 1 編輯型（紙感、雜誌封面、文化檔案）：適合長文、觀點、方法論，氣質安靜或精緻。
- 2 精準型（文檔掃描、技術簡報、檔案卡片）：結構清楚、數字驅動，適合流程、清單、數據。
- 3 電影型（Noir Poster、Luxury Studio、工業鏡框）：高對比戲劇性，適合結論、品牌、爭議話題。
- 4 表達型（Social Slice、Collage Board、Data Poster）：快速傳播、視覺衝擊，適合社交分享、合集。
點樣快速上手？由安裝到生成一張卡
any2card 係純文檔型 Skill，安裝超簡單。WorkBuddy 用戶可以喺 GitHub 下載壓縮包，解壓到技能目錄；或者用內置嘅專家中心直接搜尋安裝。Claude Code 用戶打一條 npx 指令就搞掂。
npx skills add
https://github.com/geekjourneyx/any2card安裝完之後，any2card 就會出現喺對應工具嘅技能列表。使用流程好順：第一步，輸入內容——純文本、文章 URL 或者 X/Twitter thread 都得，跟住講句「將呢段內容做成信息卡」。
系統會先分析內容，畀出 1 個主推薦加 2 個備選嘅風格建議，連埋畫布比例同選擇理由。
例如輸入一篇長文觀點，系統可能建議 portrait 畫布、主推薦「紙感書頁」，備選「文化檔案」同「雜誌封面」，仲會問你偏向耐讀定傳播。你甚至可以話「按你判斷」，系統就會跟主推薦輸出。
- 1 內容提煉：系統自動抽主標題（必須係結論）、副標題、4-6 個要點、1 句金句（來自原文）、來源資訊。
- 2 揀主題同佈局：根據內容密度推薦單欄或大字符，再揀具體主題。
- 3 生成同導出：輸出純 HTML，保存在桌面 any2card-output 目錄；可以喺瀏覽器保存為圖片，或者用頁內按鈕一鍵 save PNG。
設計邏輯：每個決定都為咗更好嘅閲讀體驗
any2card 嘅主題系統唔係隨意堆砌，背後有清楚嘅規則。其中幾個關鍵決策值得留意：
高密度內容默認單欄，多欄網格只喺用戶明確要求桌面展示時先啟用。
呢個係為咗確保手機可讀性優先，唔會為咗靚而犧牲易讀。同樣地，any2card 淨係喺圖比純文字多傳遞資訊嗰陣先加圖——例如因果鏈用 Mermaid 流程圖，純觀點就唔加圖，避免為咗豐富而亂塞。
呢套設計邏輯參考咗紙感閲讀嘅節奏控制、Vercel 嘅精確留白、Notion 嘅內容優先結構，同埋 BMW/Ferrari 嘅場景感與張力。
另外，any2card 嘅環境兼容性亦係一個亮點：核心係一份 SKILL.md 指令檔案加若干參考模板，唔依賴任何外部服務、腳本或 API。即係話：
- 跨平台可用：WorkBuddy、Claude Code、Cursor 等支援 Skill 機制嘅工具都行到。
- 國內環境零障礙：唔使科學上網，唔使 OpenAI API Key，唔使安裝 Playwright 或 Puppeteer。
- 離線完全可用：安裝一次之後，斷咗網都仲可以生成信息卡，只係冇得 URL 抓內容——貼文本永遠得。
一句講曬：「試嚇用 any2card，少啲無意義長圖，多啲有構圖嘅信息卡。」
市面上大多數資訊卡工具淨係識得換顏色，any2card 就係換構圖。
佢係咩嚟
any2card 係一個 AI 編程助手技能（Skill），最早喺 Claude Code 生態推出，而家已經支援 WorkBuddy、Cursor 等主流 AI 編程環境。輸入文字或者連結，就會出一張可以直接發佈嘅 HTML 資訊卡。
內置 4 大主題家族、12 套正交主題。同一份內容喺唔同主題之下呈現嘅構圖骨架、節奏同氣質完全唔同——唔係淨係換個 accent 顏色咁簡單。
GitHub 地址：geekjourneyx/any2card
安裝
any2card 係純文檔型 Skill，冇腳本依賴，安裝非常簡單。
WorkBuddy（推薦國內用戶）：
亦可以透過 WorkBuddy 內置嘅「專家中心 → 安裝技能」直接揾到嚟安裝。
Claude Code 用戶：
安裝完成之後，any2card 就會出現喺對應工具嘅技能列表入面。
使用流程
Step 1：輸入內容
支援純文字、文章 URL（網頁/論文/公眾號）、社交線程（X/Twitter）。
Step 2：系統俾出風格建議
any2card 會先分析內容，然後俾出 1 個主推薦 + 2 個備選，仲有畫布比例建議同選擇理由。
例如輸入一篇長文觀點：
畫布比例：portrait（豎版，適合高密度閲讀） 主推薦：紙感書頁（編輯型，安靜耐讀） 備選一：文化檔案（學術穩重） 備選二：雜誌封面（精緻可傳播） 確認點：偏向耐讀定係偏向傳播
場景明確嘅話可以直接話「由你判斷」，系統就會按主推薦輸出。
Step 3：內容提煉
系統會自動提煉：主標題（一定要係結論）、副標題、4-6 個要點、1 句金句（嚟自原文，唔會作嘢）、來源資訊。
規則：標題優先使用動詞同數字；數字要忠於原文，唔改量綱；超過 6 個要點就壓縮。
Step 4：揀主題同佈局
4 大主題家族：
12 個主題：
佈局由內容密度決定：
Step 5：生成同匯出
輸出純 HTML，儲存喺桌面 any2card-output 目錄。
兩種儲存方式：
瀏覽器直接儲存：打開 HTML，按 Ctrl+S 儲存做圖片 內置儲存按鈕：頁面底部一鍵儲存 PNG（基於 html2canvas）
唔需要 Playwright 或者截圖服務，打開瀏覽器就用得。
幾個關鍵設計決策
any2card 嘅主題系統唔係亂咁堆砌，而係有幾條明確規則：
畫布比例係一級變量。 先根據內容密度同傳播場景決定比例，再揀主題。一個核心觀點用橫版，一篇長文摘要用豎版——比例係為內容服務。
高密度內容預設用單欄。 多欄網格只有喺用戶明確要求桌面展示嗰陣先啟用。手機可讀性優先過桌面視覺效果。
只係喺圖比純文字傳遞更多資訊嗰陣先加圖。 因果鏈用 Mermaid 流程圖，純觀點純列表就唔加圖。唔會為咗「睇起嚟豐富」而夾硬塞圖形。
標題一定要係結論。 唔係搬文章標題，唔係背景描述，係讀完呢張卡會記得嗰句嘢。
呢套設計邏輯係由幾個成熟來源各取一個維度：紙感閲讀嘅節奏控制、Vercel 嘅精確留白、Notion 嘅內容優先結構、BMW/Ferrari 嘅場景感同張力、taste-skill 嘅反 slop 約束。組合成正交嘅主題系統，而唔係模仿單一風格。
一句話
少啲冇意義嘅長圖。
環境兼容說明
any2card 嘅核心係一份 SKILL.md 指令檔案加上若干 references 模板，唔依靠任何外部服務、腳本或者 API。即係話：
跨平台用得：無論係 WorkBuddy、Claude Code、Cursor 定係其他支援 Skill 機制嘅 AI 編程工具，只要讀取到 SKILL.md 並按指令生成 HTML，就可以運行。 國內環境冇障礙：唔需要翻牆，唔需要 OpenAI API Key，唔需要安裝 Playwright 或者 Puppeteer。生成嘅 HTML 檔案用任何瀏覽器打開就可以儲存做圖片。 離線完全用得：安裝完成之後，所有模板同規則都喺本地。斷咗網都可以生成資訊卡，只係冇辦法從 URL 抓取內容——但貼文字永遠都得。
市面上大多數信息卡工具做的是換色，any2card 做的是換構圖。
它是什麼
any2card 是一個 AI 編程助手技能（Skill），最早在 Claude Code 生態發佈，現已適配 WorkBuddy、Cursor 等主流 AI 編程環境。輸入文本或連結，輸出一張可以直接發佈的 HTML 信息卡。
內置 4 大主題家族、12 套正交主題。同一份內容在不同主題下呈現的構圖骨架、節奏和氣質完全不同——不只是換個 accent 顏色。
GitHub 地址：geekjourneyx/any2card
安裝
any2card 是純文檔型 Skill，沒有腳本依賴，安裝非常簡單。
WorkBuddy（推薦國內用戶）：
也可以通過 WorkBuddy 內置的「專家中心 → 安裝技能」直接搜索安裝。
Claude Code 用戶：
安裝完成後，any2card 會出現在對應工具的技能列表中。
使用流程
Step 1：輸入內容
支持純文本、文章 URL（網頁/論文/公眾號）、社交線程（X/Twitter）。
Step 2：系統給出風格建議
any2card 先做內容分析，給出 1 個主推薦 + 2 個備選，附帶畫布比例建議和選擇理由。
比如輸入一篇長文觀點：
畫布比例：portrait（豎版，適合高密度閲讀） 主推薦：紙感書頁（編輯型，安靜耐讀） 備選一：文化檔案（學術穩重） 備選二：雜誌封面（精緻可傳播） 確認點：更偏耐讀還是更偏傳播
場景明確時可以直接說"按你判斷"，系統按主推薦輸出。
Step 3：內容提煉
系統自動提煉：主標題（必須是結論）、副標題、4-6 個要點、1 句金句（來自原文，不虛構）、來源信息。
規則：標題優先用動詞和數字；數字忠實原文不改量綱；超過 6 個要點就壓縮。
Step 4：選主題與佈局
4 大主題家族：
12 個主題：
佈局由內容密度決定：
Step 5：生成與導出
輸出純 HTML，保存在桌面 any2card-output 目錄。
兩種保存方式：
瀏覽器直接保存：打開 HTML，Ctrl+S 保存為圖片 內置保存按鈕：頁面底部一鍵保存 PNG（基於 html2canvas）
不依賴 Playwright 或截圖服務，打開瀏覽器就能用。
幾個關鍵設計決策
any2card 的主題系統不是隨意堆砌，而是有幾條明確的規則：
畫布比例是一級變量。 先根據內容密度和傳播場景決定比例，再選主題。一個核心觀點用橫版，一篇長文摘要用豎版——比例服務於內容。
高密度內容默認單欄。 多欄網格只在用戶明確要求桌面展示時才啓用。手機可讀性優先於桌面視覺效果。
只在圖比純文本多傳遞信息時才加圖。 因果鏈用 Mermaid 流程圖，純觀點純列表就不加圖。不為了"看起來豐富"硬塞圖形。
標題必須是結論。 不是文章標題的搬運，不是背景描述，是讀完這張卡能記住的那句話。
這套設計邏輯從幾個成熟來源各提取一個維度：紙感閲讀的節奏控制、Vercel 的精確留白、Notion 的內容優先結構、BMW/Ferrari 的場景感與張力、taste-skill 的反 slop 約束。組合成正交的主題系統，而不是模仿單一風格。
一句話
少一點無意義長圖。
環境兼容說明
any2card 的核心是一份 SKILL.md 指令文件加上若干 references 模板，不依賴任何外部服務、腳本或 API。這意味着：
跨平台可用：無論是 WorkBuddy、Claude Code、Cursor 還是其他支持 Skill 機制的 AI 編程工具，只要能讀取 SKILL.md 並按指令生成 HTML，就能運行。 國內環境零障礙：不需要科學上網，不需要 OpenAI API Key，不需要安裝 Playwright 或 Puppeteer。生成的 HTML 文件用任意瀏覽器打開即可保存為圖片。 離線完全可用：安裝完成後，所有模板和規則都在本地。斷網也能生成信息卡，只是無法從 URL 抓取內容——但粘貼文本永遠可以。