2026-11-03 AI 學習日誌

今日最有感的事

今天收進來的AI卡有八張，都是今天收的。Bear在其中兩張留了註記：Airi的「20種剪輯風格」影片（註記「動畫分析回skill」），以及awesome-design-md（註記「學習」）。這兩張剛好講同一件事：把「怎樣才好看」拆成AI讀得懂、照得做的風格檔。

Airi：同一支口播剪出多種特效，但標題要打折

Airi在IG貼了一支影片，文案是：

同一支素材，丟給Claude就能剪出20種特效風格

她說自己只錄了一段口播，打一個指令就換一種剪法，例如紙條風、霓虹風、雜誌封面、復古膠片。

實際拆解影片、追過留言之後，要打折的地方不少：

• 標題寫20種，影片實際只示範6種，其餘14種只露出縮圖
• 影片裡的Claude畫面是示意介面，查不到用了哪個模型，也沒有公開prompt
• 20個剪輯skill要留言「claude」私訊領取，沒有公開

Bear的註記只有一句：「動畫分析回skill」。這代表他在意的是影片裡看得到的動畫效果本身：把每種風格的畫面拆開分析，再寫回自己的skill，不必等對方私訊。更直白地說，別人的skill拿不到沒關係，只要成品看得到，就能反推出規則。

awesome-design-md：84個品牌的設計規範，一份檔一種風格

另一張是一支IG影片介紹的Awesome DESIGN.md。影片說它「整理了84個品牌的設計風格檔」，Apple、Notion、Spotify、Tesla都有，每個品牌的顏色、字體、版面，「連按鈕的形狀都幫你分析好了」。用法是跟Claude說一句「幫我把網站做得跟Nike一樣」，它就照著Nike的品牌規範去做；也可以先到getdesign.md預覽各家風格。

幫非工程師補一下背景：DESIGN.md是一份設計規範檔，GitHub上的說明是把它丟進專案裡，讓寫程式的AI助手照著產生風格相符的介面。換句話說，AI做網站「長得都差不多」的問題，靠的是事先給它一份具體的規格書。repo是VoltAgent/awesome-design-md，MIT授權、約12.5萬顆星。

Bear的註記是「學習」。分流時也留了一句提醒值得一起記：它適合當網站起稿時挑風格的清單，但醫療工具頁不宜照搬品牌風。這輪沒有實測。

兩張放在一起看

Airi的剪輯skill管影片，DESIGN.md管網頁，做的其實是同一件事：把風格寫成一份AI照著執行的檔案。今天另一張Stageshow也是同一路，把UI展示動畫的製作流程寫成skill。真正值得看的是，風格一旦可以寫成檔，會拆解成品、寫得出規則的人就握有主動權；一個要私訊才拿得到，一個直接開源，差別只在取得方式，背後的思路一樣。

今日收集的資源

Awesome DESIGN.md GitHub repo

• 連結: https://github.com/VoltAgent/awesome-design-md
• 84個品牌的設計風格檔，MIT授權、約12.5萬顆星，丟進專案就能讓AI照該品牌風格做介面。

Awesome DESIGN.md介紹影片

• 連結: https://www.instagram.com/reel/DfPDLC1BWKw/
• 用「做得跟Nike一樣」示範怎麼叫Claude照品牌規範做網站。

Awesome DESIGN.md Notion教學頁

• 連結: https://plump-puma-43d.notion.site/awesome-design-md-AI-40c51d95654f816cbac4f62aeb183671
• 介紹影片附帶的Notion教學頁，可搭配repo一起看。

Airi：同一支口播剪出多種特效風格

• 連結: https://www.instagram.com/reel/De9NAChK7dy/
• 標題寫20種、影片只示範6種，skill需私訊領取；適合拿來拆解動畫效果、自己寫成skill。

Karpathy的Claude Code工作流（林穎俊轉述）

• 連結: https://www.facebook.com/story.php?story_fbid=29832067233044364&id=100000034415406
• 轉述Karpathy花2小時叫Opus 5.5做了HackerTube：用Claude Code Mac桌面版、effort Medium，只有申請YouTube API key、開VPS、買網域三件事手動；這是轉述，Karpathy部落格原文沒查。

余昊益：Claude Code mods是什麼

• 連結: https://www.instagram.com/reel/DfAAzP2tsFS/
• 說明mods三種用法：對話旁加會更新的面板、自訂斜線指令、動手前先讓自己寫的小程式檢查；他用來看一整隊代理人誰正在忙什麼。

小梁AGI：Claude Code能自定義桌布了

• 連結: https://www.threads.com/@leongsir_ai/post/DfP51oSkiDp
• 同樣在講Claude Code的自訂玩法，只有影片、文字很少。

Stageshow：讓AI做出像真產品的UI展示動畫

• 連結: https://github.com/benjitaylor/skills
• Benji Taylor的開源skill，流程從風格構圖、拆互動步驟到自動錄畫面檢查跳動與轉場；969顆星、沒標授權，安裝指令是npx skills add benjitaylor/skills --skill stageshow，這輪沒實裝。

Stageshow中文介紹

• 連結: https://www.threads.com/@kufutw/post/DfOGvqfmfaB
• 中文整理Stageshow想解決的問題：版面過度擁擠、動畫不流暢、游標操作不自然。

Grok Bot用webhook代替排程巡視

• 連結: https://www.threads.com/@s76257625/post/DfOobEsmJyP
• 一句話講清MCP和webhook的差別；每五分鐘排程一次等於「一天空轉288次」，並提醒接收網址不要外流、事件只勾需要的、正式用前先測一次。

Instagram Agent Skill GitHub repo

• 連結: https://github.com/Jakeschincariol/instagram-agent-skill
• 13個經營IG的Claude技能，含26種開頭公式寫腳本並打分數、找爆款、去AI味；MIT授權、4528顆星，英文為主，中文沒測。

Instagram Agent Skill安裝教學（Airi）

• 連結: https://airi10x.com/preview/get/ig-agent-skill/
• 安裝教學與13個指令速查表；作者強調「它只寫草稿」。

張熙熙：照片變立體破框海報（附prompt）

• 連結: https://www.threads.com/@cicichang.journal/post/DfQkd31H1jF
• 3:4直式、上半原照下半米白紙紋、主體破框的3D pop-out構圖，附完整prompt，這輪沒試產。