Knowledge Base
閱讀站
首頁而家只顯示最近 50 篇文章,避免文章量愈大愈拖慢首頁載入。
AI也能做出雜誌級設計了,Claude Design的開源替代Open Design已經支持Kami,上手指南
Open Design 開源替代 Claude Design,整合 Kami 設計系統,輕鬆生成雜誌級設計
完成軟件流水線的瓦解:AI Coding 時代的崗位大洗牌與生存指南
AI Coding 正瓦解傳統軟件流水線,崗位重新洗牌,個人需從代碼工人轉型為業務架構師。
完成郭宇:人對 Agent 最後的優勢,是不按常理的想象力
郭宇指出,當Agent可替代執行與思考,人嘅最後優勢係不按常理嘅想象力;短期可用Cloud Code捲人,長期要養直覺同跨域聯想。
完成Claude Design 的開源替代品,支持 11 種 AI Agent,還內置了 72 套品牌設計系統
Open Design 係 Claude Design 嘅開源替代,支援多種 AI Agent 同內置 72 套品牌設計系統,等開發者用現有 AI CLI 工具直接生成前端原型
完成一週新增 3 萬 Star 的 Skills 長什麼樣?
Matt Pocock 的 Skills 爆紅背後:AI 編程嘅瓶頸係工程紀律,而唔係智商
完成Agent 生存指南:這個領域最稀缺的能力,是學會正確地學習並實踐
Agent 領域最稀缺嘅能力:學會正確學習並實踐,聚焦長遠價值而非追逐熱點
完成2026年出海工具站還值得做嗎?從行業數據看機會窗口
2026年出海工具站仍然值得做,但必須轉向AI+垂直場景、SEO自動化或極簡痛點工具,純API封裝模式正在失效。
完成吳恩達 2026 提示詞課 21 節深度筆記:AI 高手心法
吳恩達2026提示詞課總結:AI高手心法在於給足上下文、防止模型順從、漸進式寫作同善用推理
完成7個寶藏網站!吐血整理,務必偷偷用!
曉智整理7個寶藏網站,覆蓋設計、寫作、簡歷、音頻、文檔對比、摳圖和視頻素材,助你提升效率與創意。
完成DESIGN.md:又一個你必須知道的Markdown文件
DESIGN.md:用Markdown統一AI工具嘅UI設計,告別混亂樣式
完成秒殺官方!邪修小白兩句話創建Skill,深度拆解文章Skill效果碾壓人!
不用寫 Code,兩句話就讓 AI 幫你整出專屬 Skill,效果仲好過官方教程!
完成很多人問我的 AI UI 工作流,被我完整拆成一條完整鏈路:先講需求和目標,再落 UI Spec,再做視覺探索,再進入組件化實現,最後再修復
AI UI落地工作流:從需求到沉澱的六步鏈路,UI Spec係關鍵中間層,修正閉環先係落地核心。
完成最值得推薦的20個寶藏Skills,小眾但真香
20 個小眾寶藏 Skills 推薦:從寫作、配圖到開發,按場景直接套用
完成HeyGen開源HyperFrames框架:Remotion勁敵,用HTML寫視頻的時代來了
HeyGen 開源 HyperFrames 框架:用 HTML 寫影片,更快更輕,AI 友好
完成零設計基礎,我用AI對話的方式做了一條能看的視頻
零設計基礎,用AI對話組合技能做出專業級動畫視頻
完成Nano Banana 2做數據可視化卡片,顏值超高、推理能力極強,美中不足的是...
Nano Banana 2 數據可視化超靚但數據幻覺嚴重,5個案例實測優劣
完成一個 Skill,一套流程:把年報變成真正有人願意看的視頻,重新定義專業內容表達|視頻即代碼3
一個 Skill 一套流程,用 Remotion 將年報 PDF 變成高審美數據可視化視頻,核心係補知識差同執行差。
完成視頻即代碼2:我用Remotion做了10個不同類型的數據可視化視頻(附提示詞)
呢篇文教你用「視頻設計提示詞模板」加 Remotion 快速生成 10 種動態圖表視頻,實現精準可控、批量生產。
完成把收藏夾訓練成表達力:一個Skill,用飛書CLI把審美沉澱成結構化、可調用的 AI 工作流
我們每個人都有一個正在吃灰的收藏夾。裏面躺着很多好看的網頁、海報、App、產品圖、空間設計。收藏的時候覺得“這個質感真好”“這個配色真絕”“以後一定用得上”。但真正要做東西的時候,問題來了:你說不清它到底好在哪裏,也不知道怎麼把這種感覺遷移到自己的任務裏。最後寫提示詞的時候,還是隻能說:高級一點、乾淨一點、有質感一點。這兩個月我一直在研究怎麼用 Remotion 做出好看又實用的視頻,也順手磕出了一個視頻即代碼系列。越做越明顯地感受到一件事:AI 已經極大降低了創作門檻,但它沒有降低審美的天花板。模型可以幫你生成網頁、圖片、視頻、報告,但你能不能激活出模型的美商,前提仍然是:你自己能不能識別美、描述美、遷移美。未來,審美會成為表達力的一部分。真正強的表達,不只是把事情說清楚,而是讓對方感受到質感、專業、用心和可信賴。AI 越來越值錢的用法,也不是單純幫你生成內容,而是幫你生成更有質感的表達。所以我做了一個審美提升skill:aesthetic-promotionaesthetic-promotion skill會將用戶指定的本地文件夾或Pinterest畫板中的圖片自動同步到飛書多維表格,創建靈感庫,並通過模型拆解出配色、材質、組件、設計思想、適用場景等關鍵信息,同時可以基於靈感庫進行檢索、潤色,生成指定任務的提示詞。技能地址🔗:https://github.com/SiyuanJia/aesthetic-promotion簡單說,它做的不是“存圖”。而是把你日常收藏的美圖,從收藏夾裏撈出來,變成一個可以被檢索、被遷移、被調用的靈感庫。接下來,我用三個方向的案例來測試它的遷移能力:App 界面、保險規劃建議書、實物產品圖。我想讓大家看到的是:靈感庫不只是圖庫,它能跨場景遷移風格;提示詞也不只是文字,它可以成為你調用審美的一種方式。aesthetic-promotion skill 案例先建立自己的飛書靈感庫:案例1:參考pin-866591153351530960,做一個沉浸式冥想App前端設計(參考圖pin-866591153351530960)aesthetic-promotion skill拆解的審美線索:採用暗黑霓虹風格與深空漸變背景的沉浸式運動數據儀表盤設計/#0D183B 午夜深藍, #1397AB 熒光青色/環形進度條, 迷你折線圖, 卡片導航, 數據大字, 浮動懸浮層,沉浸式空間感 等遷移後的App設計提示詞:請設計一款冥想 App 的核心界面(至少3個頁面),整體氣質要極度純淨、安靜、沉浸,帶有數字禪意和深空療愈感。參考圖中的深色沉浸式氛圍與發光環形視覺語言,但不要保留運動數據儀表盤的複雜信息結構,而是將其重構為冥想場景中的“呼吸引導光環”。 界面主色調使用午夜深藍作為背景基底,輔以柔和的青色發光效果,形成類似深空極光的寧靜氛圍。核心視覺元素為居中的發光呼吸環,可以搭配極簡的大字號文字或時間信息,形成單一而明確的視覺焦點。背景可帶有細膩的漸變網格、輕微流動感或朦朧霧化層次,但必須剋制,不能喧賓奪主。整體界面要大量留白,弱化功能噪音,不要複雜圖表、不要密集數據點、不要列表堆疊、不要尖鋭稜角、不要高頻霓虹閃爍。可以加入輕微的毛玻璃懸浮面板或霧面玻璃質感,但要服務於“純淨”和“沉浸”,而不是科技炫技。我們統一用Gemini 3.1 Pro跑提示詞結果:(基於參考圖潤色後的提示詞,再用模型跑出來的App效果)案例2:參考pin-866591153351531019,做一款教育金規劃建議書(HTML)(參考圖pin-866591153351531019)aesthetic-promotion skill拆解的審美線索:基於新擬態光影與馬卡龍低飽和配色的治癒系擬物化小組件界面設計/#F0ECE6 奶油米色, #8A9BB3 灰藍, #CD8C91 玫瑰粉/新擬態, 亞光硅膠, 白瓷浮雕, 軟UI/情感化設計, 擬物回潮, 柔性科技等遷移後的教育金建議書提示詞:請為一份教育金保險建議書(內容見下)編寫詳盡的HTML代碼框架。核心視覺嚴格採用**新擬態(Neumorphism UI) 與温馨治癒**的情感化設計語言,營造親子陪伴的童真氛圍。頁面基底設定為柔和的奶油米色(#F0ECE6)與局部純白留白區域。請建立完整的 馬卡龍低飽和色彩系統:主色包含 灰藍(#8A9BB3)與玫瑰粉(#CD8C91),輔助色使用 豆沙綠(#85B2A9)、深海藍(#496373) 與暖砂黃(#E8C19D)。材質表現上,需通過 CSS 陰影參數模擬 亞光硅膠 與 白瓷浮雕質感,設置統一光源下的多重低對比度陰影,避免髒暗感。可參考附件圖片的感覺。排版結構要求嚴格遵循 A4 垂直網格的雜誌排版策略,分成多頁,可通過層級標題、強調容器、圖標說明、圖表區與案例區進行內容分層。卡片要圓潤軟體容器,增強頁面的玩具感與陪伴感。特別注意,所有投保利益演示與關鍵金融數據應儘量轉化為可視化圖表呈現,避免長段金融文本直接堆砌。 保險建議書內容:{}用Gemini 3.1 Pro跑提示詞結果:(基於參考圖潤色後的提示詞,再用模型跑出來的保險建議書,是html文件不是文生圖)案例3:參考指定圖片的配色、材質、風格等,生成類似感覺的產品圖- 液態玻璃感SaaS面板遷移後提示詞:請設計一個 16:9 的高品質**中文** SaaS 數據面板界面。整體視覺採用Liquid Glass System 風格,參考附件圖片。核心氣質是**極致通透、輕盈懸浮、層級清晰、內容豐富但雜而不亂**。背景採用 淺灰白基底(接近#F2F4F7),底層鋪設柔和的冰川藍、夢幻紫、珊瑚粉 全息彌散光斑。界面主體由多層 半透明液態玻璃卡片組成,卡片邊緣保留 1px 白色高光內描邊,並通過背景模糊與彩色折射形成真實的光學通透感。佈局上使用嚴格的網格系統,將導航、概覽指標、趨勢圖表、數據表格、任務列表、活動流等內容清晰分區,保證信息豐富但秩序明確。文字與圖標必須保持克制、極簡和高可讀性,避免視覺噪音。(上:參考圖|下:基於參考圖潤色後的提示詞生圖,GPT-image-2)- 3D幾何積木感家居設計遷移後提示詞:請基於宜家的品牌氣質,設計一套具有商業量產潛力的創意家居產品系列圖。參考圖的重點不是字體造型本身,而是其背後的模塊化構建邏輯、低反光啞光材質、硅膠、陶土般的温潤觸感,以及粉、黃、綠、藍構成的低飽和馬卡龍系統配色。產品系列可覆蓋:桌面收納盒、兒童房邊幾、可拼接矮凳、牆面模塊掛鈎、玩具式儲物組件、小型照明底座、可組合花器等。造型方法上,所有產品應基於 基礎幾何體拼裝:例如圓柱與方塊組合成主體結構,球體作為連接節點,圓台作為支撐底座,形成“像積木一樣可以理解和組合”的產品家族感。 材質策略上,必須採用 極致啞光的硅膠 / 陶土 /注塑塑料表面,強調低反光、軟觸感、兒童友好和日常家居適配性。色彩系統必須圍繞:- #FF8B9E 柔和粉、- #FFC947 鵝黃、- #36B39C 薄荷綠、- #5A80B4 霧霾藍、- #C084DF 紫羅蘭 (上:參考圖|下:基於參考圖潤色後的提示詞生圖,NanoBanana 2)產品圖是NanoBanana2做的,用GPT-image-2也做了,畫面更乾淨,但是Nano Banana 2這張出來的那一刻,被創意驚豔到了,你看最下邊一排:花瓶、5號杯子、6號罐子架、肥皂託、9號筷籠...這創意,如果真是Nano Banana憑空創作的,那這設計感與實用感的結合效果,簡直是神作。審美不是天賦,是可以被沉澱的資產其實我一直有在 Pinterest 收藏美圖的習慣。但收藏久了會發現一個問題:收藏夾越來越滿,真正要做東西的時候,腦子還是空的。看到一張圖,會覺得“真好看”“很高級”“這個質感絕了”,但輪到自己寫提示詞、做網頁、做報告、做圖片時,又很難說清楚它到底好在哪裏。是配色?材質?光影?版式?組件?還是某種情緒氛圍?這也是我越來越強烈的一個感受:審美能力不只是“看得多”,而是你能不能把模糊的感受,拆成清晰的線索,再遷移到自己的表達任務裏。以前大家常常甩一張截圖給模型復刻。但復刻只能解決“照着做”的問題,解決不了“遷移”的問題。我想要的不是複製一張圖,而是把這張圖背後的審美線索提取出來:它為什麼舒服,為什麼高級,為什麼有親和力,為什麼讓人覺得可信賴。然後,當我下次要做一個 App、一個建議書、一份資產報告、一張產品圖時,可以把這些線索重新調用出來。飛書 CLI 出來之後,這件事突然變得很順。以前調用飛書 API 創建表格和文檔很麻煩,密鑰、接口、文檔都要折騰半天。飛書 CLI 相當於把這條路鋪平了,創建表格、寫入字段、同步素材、沉澱數據,一下變成了模型可以直接操作的工作流。所以我第一個想做的,就是把美圖收藏夾變成一個真正的審美靈感庫。不是一般意義上的圖庫,而是一個可以被檢索、被拆解、被遷移、被調用的審美資產庫。用aesthetic-promotion skill把這一套工作流沉澱下來:圖片收藏夾 -> 飛書 CLI -> 圖片拆解 -> 多維表格沉澱 -> 靈感檢索 -> 提示詞生成從此,審美不再只是停留在“好看”兩個字裏。你口中的“真絕”,可以被拆成液態玻璃、新擬態、低飽和馬卡龍、霓虹粉與電光青;你說不清的“高級感”,可以被拆成留白、材質、光影、層級、組件語言和使用場景。更重要的是,收藏過的圖片不再只是躺在收藏夾裏吃灰。它們會變成你的提示詞彈藥,變成你的表達素材,變成你下一次做網頁、建議書、PPT、信息圖、產品圖時可以直接調用的靈感來源。這就是我做 aesthetic-promotion的初衷:把收藏夾訓練成表達力。銷售不是信息傳遞,是感受設計回到這個賬號一直關心的主線:銷售與表達增強。很多時候,我們以為銷售材料的核心問題是“信息不夠完整”。但真實情況可能恰恰相反:很多材料不是信息太少,而是信息太重。一份建議書、一份資產報告、一份產品說明,如果只是把條款、數據、邏輯、收益、風險全部堆上去,客戶當然能看,但不一定願意看;即使看完,也不一定真正進入那個場景。因為客戶不是先理解你,再信任你。很多時候,客戶是先感受到你的專業、用心和秩序感,才願意繼續理解你。審美在這裏就不是裝飾品了。它不是為了把材料“做漂亮”,而是為了降低理解阻力,提升信任感,把複雜信息轉化成一種更容易被接受的感受。客戶看到一份材料的前幾秒,其實已經開始判斷:這個人是否專業?這件事是否重要?這份方案是否值得我繼續看下去?封面、排版、配色、圖表、留白、標題層級,這些看似是設計細節,本質上都是信任線索。上面教育金規劃建議書的案例,就是一個很典型的場景。年金保險本來就是看不見、摸不着、很難立刻感知價值的產品。它賣的不是一張紙,也不是一串數字,而是一個未來願景:孩子的教育節奏、家庭的安全感、父母對未來的安排,以及某種“我已經提前準備好了”的踏實。如果材料只有信息,客戶看到的是產品。但如果材料有好的視覺組織、有親和的設計語言、有清晰的圖表和温暖的場景感,客戶更容易看到那個未來。這就是銷售表達裏很重要的一點:你不是隻把信息交給客戶,而是給客戶帶入一個值得相信的願景。我覺得,AI已經走過三年有餘,它不只是幫我們寫話術、做總結、生成海報。更重要的是,它開始幫我們把抽象價值變成可感知的畫面,把複雜信息變成有秩序的表達,把“我想說清楚”升級成“我想讓對方感受到”。而靈感庫的意義,也正在這裏。它不是一個玩圖工具,而是一個表達基礎設施。當你的靈感、風格、配色、材質、版式都可以被沉澱和調用,你就不只是擁有了一個提示詞生成器,而是擁有了一套讓表達更有質感、更有信任感、更容易被看見的工作流。附:技能使用貼士如果你也想搭一個自己的審美庫,歡迎下載技能,使用流程我們也派GPT-image-2畫了個流程圖:前置需要提供的物料有這麼幾個:Pinterest畫板地址或本地文件夾地址安裝飛書CLI並登錄圖片分析需自行提供模型接口地址、模型名稱和密鑰如果最後需要指定圖片生成提示詞,那麼要提供圖片的id(`sourceId` / `pinId` / `pinUrl`),也可以不指定圖片,從全庫搜索靈感。生成提示詞時默認使用的還是圖片分析時配的模型技能使用時,這些步驟模型也會一點點引導你去做的。 最後,再安利下我們的審美提升技能🔗:https://github.com/SiyuanJia/aesthetic-promotion這是低產博主的第13篇AI+銷售表達系列思考產出,希望大家能喜歡,如果能對你有所啓發那就太棒了,歡迎給我提出你在銷售賦能上的創意和想法,我們一起來實現!一個 Skill,一套流程:把年報變成真正有人願意看的視頻,重新定義專業內容表達|視頻即代碼3視頻即代碼2:我用Remotion做了10個不同類型的數據可視化視頻(附提示詞)視頻即代碼:我用Remotion Skill搓了個客戶年度持倉回顧視頻,附實用教程
完成我實測了 Remotion:用嘴做視頻是真的,但別被神話騙了
Remotion 可以用把口生成動畫,但只適合做教程類內容,唔好諗得太神。
完成Life OS開發手記:我用8天搭了一個「人生操作系統」,好多bug呀~2026踐行「每週工作4小時」
用AI Agent將《每週工作4小時》落地為個人操作系統,關鍵在於解決具體痛點而非堆砌功能
完成Skill創作手記:我從李誕工作手冊提取出「慢定位創作教練」
作者從李誕工作手冊提煉出「慢定位創作教練」skill,透過三個agent分析自己嘅8篇文章,發現定位係從混亂到秩序嘅本能動作,唔係刻意定出嚟,而係寫作過程中自然浮現。
完成Skill 創作手記:Remotion如何把文章一鍵變成視頻
作者親身分享用 Remotion 將文章一鍵變視頻嘅完整流程,強調流程標準化同思路比技術更重要,做到視頻引流加文章沉澱嘅私域閉環。
完成爆火的 Remotion:年入百萬的 AI 視頻項目都在用它
Remotion係用React生成影片嘅開源框架,配合AI Coding可以快速製作影片,已有成功案例年收百萬美元。
完成每日一技:代碼即視頻的魔法師
Remotion 讓 React 開發者用代碼驅動視頻創作,告別傳統剪輯軟件。
完成Vibe Coding:讓創意先跑,代碼交給 AI
Vibe Coding 係用自然語言叫 AI 寫 code,將創意變原型嘅時間由幾日壓縮到幾分鐘。
完成瘋了!GPT Image 2直接砸了設計師的飯碗?中文海報秒出封神,零亂碼吊打PS(內有實測)
GPT Image 2 生成中文海報零亂碼,實測四大場景全部封神,設計師效率大增
完成什麼?你還沒放棄 AE!使用Remotion+AI 動效製作完全指南
Remotion+AI 係動效製作最快路徑:AI寫代碼,代碼精確渲染
完成告別剪映!Claude Skills能直接剪輯視頻了
Remotion Skills 令你直接用自然語言剪片,告別傳統剪映。
完成用1100美元和一週時間,AI竟然重寫了整個Next.js框架
Cloudflare用一週同1100美元Token成本,靠AI由零重寫Next.js,新框架vinext快4倍細57%
完成為什麼最強 AI Agent 的盡頭,其實是你的文件系統?
AI Agent架構最簡單嘅基礎:用文件系統做狀態,唔使複雜工具鏈。
完成看完Claude Code泄露代碼,明白了Agent為什麼需要做夢
Claude Code 嘅分級記憶系統:先控制成本,再談長期記憶
完成停止用 AI 做 Demo 而要直接做生意!
AI Agent唔好用嚟做Demo,直接串連公開數據同衞星圖自動賺錢先係王道
完成HeyGen 為什麼放棄 Remotion,重寫了一個更適合 AI Agent 的視頻引擎
HeyGen 團隊解釋點解放棄 Remotion,自建一個更適合 AI Agent 嘅 HTML 視頻引擎 HyperFrames
完成Vibe Video=Claude Code+Context7,靠自然語言Vibe生成Remotion視頻代碼,快速落地創意!
用Claude Code加Context7,靠自然語言生成Remotion影片代碼,快速落地創意!
完成Obsidian新手入門保姆級指南:從下載到上手,0基礎也能搭好個人知識庫!
作者由印象筆記同有道雲筆記轉用 Obsidian,因為佢想要本地儲存、數據自由同雙向連結。呢篇係由下載到上手嘅完整指南,結論係 Obsidian 雖然唔係開箱即用,但適合想建立個人知識庫嘅用戶。
完成不想學剪輯?會React就能做視頻:Remotion從入門到跑通的保姆級教程
Remotion係用React寫視頻嘅開源工具,專為需要批量自動化生成影片嘅前端開發者而設,本文由零開始教到識得用。
完成從代碼到創意:Hyperframes、Huashu Design 與 Remotion 深度對比
三款AI創作工具深度對比:Remotion、Hyperframes、Huashu Design點揀?
完成AI 編程助手:五大頂尖 Skills解析
五大AI編程Skill工具解析:從UI設計到代碼庫導航,全面提升開發效率
完成Superpowers:讓AI編程agent真正"靠譜"的秘密武器
Superpowers 俾 AI 編程 agent 裝上工程師思維,解決亂寫代碼嘅痛點
完成Agent 要上生產?MCP 才是那個繞不開的基礎設施
MCP係Agent上生產嘅關鍵基礎設施,正跑出網絡效應
完成在字節跳動做了一年大模型,他說中美AI差距正在拉大
前字節研究員Zhang Chi指出,中美AI差距因系統性激勵追趕而非探索而持續擴大
完成OpenAI 內部效率提升 500% 的秘密:不是更強的模型,而是一個 Markdown 文件
OpenAI內部效率提升500%的秘密:唔係更強模型,而係一個SPEC.md規範文件
完成別再跟 AI 瞎聊了:Thoughtworks 提出的 SPDD,讓 prompt 變成工程資產
SPDD(結構化提示詞驅動開發)將 prompt 視為一等公民交付物,透過 REASONS Canvas 七維框架鎖死意圖,讓 AI 生成代碼可治理、可審查、可複用。
完成當 AI 開始寫視頻代碼,React 反而成了包袱
HeyGen 開源 HyperFrames,指出當 AI Agent 取代人類寫視頻代碼時,React 反而成為包袱,HTML 係更優選擇。
完成一個人管十個 AI 同時幹活,是什麼體驗?
用 git worktree 同時跑多個 Claude Code,一個人管十個 AI 實戰唔係夢
完成Vibe Coding 的盡頭?Naval 和 Karpathy 給出了答案
Vibe Coding 降低門檻,但真正嘅競爭力係理解力——Naval 同 Karpathy 異口同聲嘅答案
完成GPT image 2 實用玩法合集分享~【秋芝的AI開箱】
GPT Image 2 全面提升,係目前最強生圖模型,但要注意瑕疵同風險
完成免費大餐太香了!賽博大善人Cloudflare終極白嫖指南
awesome-cloudflare 項目整理咗全網最實用嘅 Cloudflare 工具同資源,幫開發者輕鬆白嫖免費服務。
完成別再給 AI 亂裝技能了!拆解兩大頂流skill,教你拼出王炸工作流
別再畀 AI 亂裝技能,Superpowers 同 gstack 各取所長,決策層用 gstack、執行層用 Superpowers 先係高效工作流。