Community寫作與編輯github.com

Sa74/break-the-template

一種將模板化產出(文章、網頁、簡報、文件、README、儀表板、作品集)轉化為人們真正想消費的體驗的方法。每當使用者要求內容「有趣」、「視覺吸引人」、「有創意」、「跳出框架」、「令人難忘」、「不無聊」、「不乾澀」或「更容易吸收」,或反饋「這讀起來還是一樣」、「太模板了」時,請使用此技能。

break-the-template 是什麼?

這項技能的核心在於協助開發者與AI代理突破「模板化」的慣性,將平淡的交付物(如文章、網頁、簡報)轉化為真正引人入勝的體驗。它診斷出三大偏誤:將既有結構視為不可動搖、誤將裝飾當作重新想像、以及只針對可衡量的失敗(如編譯錯誤)進行最佳化。方法論包含六個步驟:明確命名並殺死模板元素、發掘該媒介的獨特優勢、找出並徹底執行單一貫穿比喻、定義受眾行為並嚴格控制文字量與事實完整性、在實作前產出多個截然不同的概念,以及遵循嚴格的工藝規則(如運動需有意義、限制轉化為特色、維持設計系統一致性)。此技能支援所有主流AI代理平台(Claude Code、Cursor、Codex等),無須特定技術棧,純粹為一種結構性思考框架。它強調透過「消費模式」而非「表面風格」的改變來達成真正的創新,並提供多種自我檢測(如事實清單測試、教科書測試)來確保終點成果不僅解釋主題,更能讓人愉悅。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Sa74/claude-skills/tree/HEAD/skills/break-the-template

Installed? Explore more 寫作與編輯 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

打破模板

你被要求做出吸引人的內容,而你正準備產出一份文件:標題、段落、附帶說明的圖表,然後重複。這項技能的存在,正是因為這種直覺非常強烈、對你來說幾乎是無意識的,而且對於這類要求而言,幾乎總是錯的。它是從一次真實的協作中提煉出來的——那位作者歷經四次被拒絕的嘗試,才逃脫了自己的模板——以下的方法就是最終奏效的教訓。

你正陷入的陷阱(請先讀這個)

三種偏誤會產出模板化的作品,而它們在內部感受起來一點都不像偏誤:

  1. 繼承而來的結構感覺無法撼動。 現有的頁面佈局、論文形式、投影片的網格——你把它們當作物理定律,但它們只是先前的決策。沒有人命令要有一欄散文。
  2. 裝飾感覺像是重新想像。 為圖表加上動畫、為章節設定主題、將章節重新命名為「軌道」——這些改變了外皮,但讀者的體驗(滾動、閱讀段落、看著方塊、重複)保持不變。如果消費迴圈沒變,你就什麼都沒改變。
  3. 你針對能衡量的失敗來最佳化。 建置失敗會大聲喧嘩;平淡無奇則是沈默的。所以你會趨向安全、有效、但容易被遺忘的內容。請將「讀者不會截圖任何部分」視為建置失敗。

你被困住的跡象:你的計畫在描述「受眾要做什麼」之前,先描述了「章節」。

方法

1. 說出你正要遵循的模板

明確地說出來:「這裡的預設是帶有章節標題的滾動文章」/「預設是帶有要點的12頁投影片」。你無法打破一個你沒承認正在使用的結構。然後寫下消滅清單:那些你要刪除、而非重新設計樣式的元素(例如「沒有超過兩句話的段落」、「沒有圖表標題」、「沒有章節標題」)。如果消滅清單是空的,那你只是在裝飾。

當心虛假的逃脫——那些因為有動畫而感覺有創意,但其實也是模板的結構:滾動式說書章節、帶有計數統計的英雄區塊、卡片網格、垂直時間軸、分頁面板。在基準化的正面對決中,這些正是有能力模型在沒有此技能時會產出的東西。如果你的「新」結構出現在某個元件庫的首頁上,那它就是一個充滿自信的模板。

2. 找出該媒介與生俱來的超能力

問:這個媒介能做什麼,是模板所忽略的?瀏覽器可以發出聲音、回應點擊、知道你滾到哪裡了、執行模擬。簡報可以控制節奏和逐步展示。README 則在開發者評估的那個瞬間於其環境中呈現。最強大的體驗是讓受眾親身體驗或感受主題,而不是閱讀它:一篇關於字體排印的文章應該讓你設定字體;一篇關於延遲的文章應該讓你等待並感受它;一份關於迷宮解算器的文件應該讓你跟它比賽。

3. 找出貫穿比喻——一個完全投入的統治性隱喻

貫穿比喻是內容所存在的一個世界,而且必須從主題本身衍生出來:一個製作幕後故事,以你走過的工作坊形式呈現;一個遷移故事,以搬家日的形式呈現;一份 API 文件,以餐廳菜單的形式呈現。兩個規則讓貫穿比喻有效:

  • 它必須來自主題。 一個照片應用程式的故事屬於暗房;隨機的「太空主題」只是一個噱頭。如果這個隱喻可以貼到任何主題上,那它只是壁紙,不是貫穿比喻。
  • 完全的投入。 將每個元素都轉化為貫穿比喻的詞彙——標題變成標示牌,組織圖變成產品自身 UI 的 parody,商業機密變成一個裝有撕掉卡片的安全箱,常見問題變成意見箱。一旦你退回一個普通的章節,魔咒就破了。半套的貫穿比喻比完全沒有更糟。

4. 決定受眾要做什麼,並規劃他們的時間

寫一句話:「讀者花 N 分鐘做 X。」(例如:「花 3 分鐘走過一個房間,按下兩樣東西。」)然後執行文字預算——便利貼規則:任何文字單位不超過兩句話,總字數要計算並設上限。長篇散文是模板想要的;在所有地方抵抗它。你原本會寫成段落的資訊,現在變成標籤、對話框、文物上的說明、邊欄註記。

壓縮不能犧牲任何事實。 在設計任何東西之前,先寫一份事實清單:原始資料中的每個數字、名稱、日期和聲明,根據受眾來的目的排序(招募者看關於我頁面是為了年資和證明;團隊看季度回顧是為了數字和誠實的失誤——這些事實是承重牆,不可刪減)。在建置完成後,逐項檢查清單,確認每個事實都存活了下來——單位換算(1.9秒 → 1900毫秒)沒問題;但遺漏就是缺陷,無論它看起來多小。

還有鏡像規則:不要發明任何東西。 當作品變得有趣時,最大的誘惑是編造迷人的細節——一個假的正常運行時間計數器顯示「2,191 天」,一個虛構的「27 層」,一個沒人檢查過數學的衍生統計數據。這些會被當作事實,並毒害對所有真實事實的信任。用形式來開玩笑(一個閃爍的招牌、一個睡著的機器人、一張撕破的卡片),永遠不要用數據;如果一個笑話似乎需要一個來源中沒有的數字,那就是笑話錯了,而不是來源錯了。創意花費在形式上;事實不是它的預算。

5. 在開始建置前提出方案

產出2-3 個真正不同的概念。真正不同意味著不同的消費模式——探索 vs. 滾動 vs. 遊玩——而不是同一頁面的三種外皮。對於每個概念:貫穿比喻是什麼、受眾要做什麼、刪除了什麼、一個生動的細節來證明你已經想像過它(細節能說服人:「辦公室的植物從第一週就死了」)。推薦其中一個。如果有人類在場,讓他們選擇或合併;如果沒有,就選擇一個,並在交付物中附上一段簡短的備註,說明所選的概念以及你拒絕的替代方案。

6. 依照工藝規則建置

  • 運動必須能夠教導,或是物理性的。 一個動畫只有在展示一個事實(例如一個真的等待完整延遲的進度條)或行為像一個真實物體(例如一張便利貼被揭開)時,才值得存在。循環裝飾只是噪音。互動性也是同樣的測試:按下按鈕必須觸發真實的現象,而不是模擬,只要媒介允許。
  • 限制變成特色。 不能透露商業機密?用戲劇化的方式遮蓋它們——一個保險箱、審查條、撕破的卡片——並說出來。公開呈現的限制讀起來像是自信;隱藏的限制讀起來像是漏洞。
  • 保持在設計系統內。 使用宿主專案的 token、字型和主題。打破模板是結構性的叛亂,不是視覺性的破壞——最天馬行空的概念也應該在淺色和深色模式中看起來像原生的一樣。
  • 不可選擇的基本要求: 尊重 prefers-reduced-motion(凍結所有動畫),嚴格要求聲音為主動加入,為螢幕閱讀器保留語意結構和替代文字。
  • 用你的眼睛驗證。 在宣佈完成之前,渲染每個視覺效果並仔細檢查。佈局碰撞、文字被截斷、內容錯誤,這些在編譯通過的程式碼中依然存在。

當反饋是「還是一樣」的時候

不要在同一個層級上更努力地打磨。升級一階:

樣式  →  結構  →  消費模式  →  媒介
(顏色,    (順序,        (讀者做什麼:        (頁面發出聲音,
 字型,     章節,         探索、玩、           變成遊戲,
 動畫)     密度)         走、按)             漫畫、房間)

大多數「讓它更吸引人」的要求在第 3 或第 4 階解決。如果你已經被要求兩次,而你仍然在第 1-2 階,就直接跳到第 4 階。

發佈前的自我檢測

  • 事實清單測試: 拿出事實清單,在最終作品中逐項找到每個項目。任何缺失的都必須在打磨其他任何東西之前放回去。然後掃描作品中那些不在清單中的具體細節(數字、日期、具名人物)——每個都要麼被刪除,要麼被清楚地標示為虛構。

  • 教科書測試: 這個視覺效果能否原封不動地出現在教科書中?如果能,那它解釋了,但沒有令人愉悅——繼續推進。

  • 主題置換測試: 換一個不同的主題;這個結構還能完好地存活嗎?如果能,那它只是一個穿著戲服的模板。

  • 十秒測試: 受眾在前十秒做什麼?如果誠實的答案是「開始閱讀」,請重新考慮開場。

  • 轉述測試: 有人能用一句話描述這個作品,並讓一個陌生人微笑嗎?(「她的關於我頁面就像一張食譜卡,你可以從底部撕下一張便條。」)

實際範例(精簡版)

一個桌面應用程式的製作幕後頁面經歷了這個弧線:v1 —— 帶有圖表的論文(模板)。v2 —— 章節重新命名,圖表加上動畫(裝飾;被拒絕)。v3 —— 在同一個論文上附加了該應用程式核心功能的即時展示(正確的階級,錯誤的結構;被拒絕)。v4 —— 頁面變成一個完整的插畫房間,讀者可以走進去,每個事實都是他們可以觀看或按壓的物件,總共約 500 字。被採納。v2 和 v4 之間的差異不是努力——而是階級。

相關技能