Knowledge Base

閱讀站

首頁而家只顯示最近 50 篇文章，避免文章量愈大愈拖慢首頁載入。

共 1889 篇文章

又一個神級 skill 開源 ! 好用很多。

html-ppt-skill 開源：AI 直接生成 HTML 版 PPT，零依賴、36 主題、演講者模式一流

完成

OpenAI 明牌搶人，Codex 上線「一鍵搬家」！

OpenAI明牌搶人，Codex上線一鍵搬家工具，直接撬Claude Code牆腳

完成

AutoPreso：用語音實時驅動白板，讓演示內容自動畫出來

完成

每個開發者都該用上的 Claude Code 技能，我用了一年總結出來的

用了將近一年 Claude Code，說實話，前三個月基本是在浪費它。每次遇到問題就直接扔給它，說"幫我寫個用戶認證模塊"，然後收到一堆看起來像樣、實則跟項目八竿子打不着的代碼。要麼用了錯誤的框架，要麼完全不符合現有架構風格，改起來還不如自己寫。直到我真正搞懂了 Skill 這個東西，才算把 Claude Code 用出了點感覺。Skill 是什麼，為什麼重要簡單說，Skill 就是一個 .md 文件，你告訴 Claude 它應該扮演什麼角色、用什麼方法論幹活、輸出什麼格式。沒有 Skill，Claude 是個通才助手；有了 Skill，它能變成一個瞭解你技術棧、你團隊習慣、你項目約束的專項專家。區別有多大？舉個例子。同樣是讓它出一個系統架構方案，沒有 Skill 的時候，它給你的是教科書級別的"微服務 vs 單體各有優劣，視情況而定"。有了 Skill 之後，它知道你團隊只有五個後端、上線時間三個月、流量峯值可預期，給出來的東西就完全不一樣了。下面這些，是我在實際項目裏真正在用的，都是踩過坑之後沉澱下來的。架構設計 — 先想清楚再動手架構設計的 Skill 我用了快半年，最大的收穫是它強迫我把想法說清楚。你知道有時候自己心裏有個大致方案，覺得能行，但一旦要讓 Claude 根據你的描述出架構圖，你就會發現很多地方根本說不清楚。這個說不清楚本身就是個信號，代表你沒想明白。這個 Skill 的設計裏內置了幾個強制問題：系統的流量峯值預期是多少、數據一致性要求是強一致還是最終一致、最大的單點故障在哪裏、如果三個月後用戶量翻十倍哪裏會先掛。這些問題如果你回答不上來，它會打回來讓你先想清楚。有時候就是這個"打回來"，能幫你省掉後面兩個月的重構。輸出 Mermaid 格式的架構圖，直接貼到文檔裏，評審會上大家能直接看，省了我很多事。🔗 software-architecture — davila7前端頁面設計 — 不是讓它幫你抄設計稿，是讓它幫你做決策前端這塊說實話我們團隊歷來是弱項，沒有專職設計師，前端同學審美上也參差不齊。這個 Skill 有一個硬規定：禁止使用紫色漸變、禁止 Inter 字體作為默認、禁止白底黑字沒有任何視覺層次的佈局。這聽起來像玩笑，但你讓 Claude 隨便寫一個管理後台，它給你的默認風格基本就是這三樣。更重要的是，它要求在寫任何頁面之前，先定義這個頁面的視覺基調：是偏向效率工具還是偏向內容消費、主色調為什麼這樣選、交互密度高還是低。這些問題回答完之後，出來的東西和之前比，不是一個檔次的。有一次我們要做一個數據大屏，沒有 Skill 的時候出來的是那種很典型的深藍底加熒光綠折線圖，看起來很"數據"但很廉價。用了 Skill 之後它先問我大屏是給誰看的、在什麼場合展示，我說是董事會彙報，給出來的方案完全不同，更剋制、更有質感。🔗 frontend-design — AnthropicAPI 設計 — 接口設計的壞賬要早還糟糕的 API 設計是一種代價。每一個不一致之處、每一個命名不當的端點、每一個缺失的錯誤碼都會變成後來的支持工單和深夜故障。API Designer Skill 讓 Claude 變成一個清楚 REST 約定、OpenAPI 規範、版本控制策略的 API 架構師。它輸出的東西是完整的 OpenAPI 規範，可以直接導入 Postman，錯誤響應格式是從一開始就設計好的，鑑權流程也會根據你的用例給建議，而不是一律 JWT 了事。國內很多團隊的接口文檔是後補的，出了問題再去翻代碼對接口。用這個 Skill 的好處是，接口文檔和接口設計同步產出，省掉了後來大量的溝通成本。🔗 api-designer — Jeffallan數據庫優化 — 慢查詢是隱形炸彈100 個用戶時沒問題，10 萬用戶時 P0 級故障。這種事我見過不止一次。數據庫優化 Skill 讓 Claude 用 DBA 的思維來看你的代碼：N+1 查詢、缺索引、連接池打滿、聚合計算沒走緩存，這些問題它能主動識別出來，不用你提。它會分析查詢執行計劃，給出索引建議，還會告訴你哪些場景適合分區、哪些地方該加 Redis、哪些反規範化是合理的權衡。特別是最後這點，很多開發者對"數據庫範式"的理解是教條式的，實際上高併發場景下適度冗餘是正當的，這個 Skill 幫你把這個決策說清楚。🔗 database-optimizer — Jeffallan架構藍圖 — 想清楚之後，還得說清楚上面那個 Skill 解決的是"自己有沒有想明白"，但還有另一個問題：怎麼讓團隊其他人也明白。這是兩件事，得用兩個 Skill 分開幹。Architecture Designer Skill 的輸出是團隊能拿去直接用的東西：系統上下文圖、帶接口契約的組件文檔、多服務交互的數據流圖，還有架構決策記錄（ADR）——也就是每個關鍵決策當時為什麼這麼選、否定了哪些方案、理由是什麼。ADR 這個東西國內團隊用的不多，但真的很有價值。三個月後新來的同事問"為什麼當時選這個數據庫"，你翻一下 ADR 就有答案，不用靠口口相傳。🔗 architecture-designer — Jeffallan微服務架構 — 別讓分佈式系統把你坑了微服務不是銀彈，但很多團隊踩的坑是同一批：服務拆太細、同步調用鏈太深、分佈式事務沒考慮清楚、服務網格引進來但運維能力跟不上。Microservices Architect Skill 給 Claude 裝進去的是處理過這些問題的經驗。它能幫你評估服務邊界劃得合不合理——一個常用的判斷標準是，能不能獨立部署、能不能獨立擴容、邊界是否符合業務領域而不是技術層次。Saga 模式、服務網格的適用場景、消息隊列和同步調用怎麼選，這些它都能結合你的具體情況討論，而不是丟給你一篇通用文章。🔗 microservices-architect — JeffallanJava 架構 — 國內後端團隊的剛需這個放出來可能有人說"Java 都 2026 年了還在用"，但現實是國內絕大多數金融、電商、政府項目的後端還是 Java。存量代碼的體量決定了 Java 工程師還會吃很多年飯。Java Architect Skill 針對的是 Spring Cloud 生態下的典型問題：微服務拆分、Gateway 路由設計、服務間鑑權、配置中心、分佈式 ID、事務一致性。它對國內常用的技術棧有專門的理解，給出的建議不會動不動推一個 Quarkus 或者 Micronaut 讓你懵圈。🔗 java-architect — Jeffallan生成 MCP 的技能 — 把 Claude Code 接入你自己的系統MCP（Model Context Protocol）是 Anthropic 推出的開放標準，讓 Claude 能連接外部工具、數據庫、API。真正去寫一個 MCP 服務器，門檻不低——工具定義、連接邏輯、錯誤處理、鑑權，每一塊都得自己搞清楚。有了 MCP Builder Skill 之後，這個過程順暢很多。你描述你要做什麼，它幫你生成完整的服務器框架，工具定義、連接池、查詢清理一套出來，附帶一個 README，基本上拿來就能跑。我用它把公司內部的 PostgreSQL 數據庫接進了 Claude，只讀權限，允許執行查詢。整個過程，我大概只寫了不到二十行膠水代碼，剩下的框架全是 Skill 生成的。之後團隊裏其他人要排查數據問題，直接跟 Claude 說"幫我查一下過去七天這個用戶的操作記錄"，不用再繞到數據庫工具裏翻了。🔗 mcp-builder — Anthropic構建技能的技能 — 這是整個體系的基礎這個聽起來有點繞，但是我用過最值得推薦的一個。Skill Creator 的核心思路是把 TDD 的方法論移植到 Skill 編寫上：先寫測試場景，也就是讓 Claude 在沒有 Skill 的情況下做任務，記錄它會犯哪些錯；再寫 Skill 去糾正這些錯誤；最後驗證 Skill 生效了沒有。這個流程乍一看麻煩，但它解決了一個核心問題：你怎麼知道你寫的 Skill 到底有沒有用？用這個 Skill 之前，很多人寫自定義 Skill 都是憑感覺，覺得描述得夠清楚了，結果 Claude 照樣給默認答案。用了這套方法之後流程就變了：先讓 Claude 在沒有 Skill 的情況下做一遍，記錄它做錯了什麼；再寫 Skill，再讓它做一遍，對比前後。Skill 真正解決了問題，才算寫完。所有其他 Skill 能不能真正發揮作用，取決於你有沒有一套方法去驗證它。這個 Skill，是讓其他 Skill 生效的前提。🔗 skill-creator — Anthropic最後說幾句這九個都是開源社區打磨過的，裝上就能用，不用自己從零寫。但每個 Skill 都有一定的適應期，用下來發現某些約束跟自己的項目場景對不上，根據實際情況微調一下就行。衡量標準只有一個：Claude 的輸出，你能不能不改直接用。如果每次都要大改，說明這個 Skill 的約束跟你的場景還沒對齊，值得花時間調整。Skill 是有累積效應的。你的架構 Skill、API Skill、數據庫 Skill，如果能形成一套體系，互相引用彼此的約定，Claude 在跨模塊工作的時候一致性會好很多。調教得好，它能讓你快一倍。調教得差，不如不用。

完成

24小時AI自動剪輯，AI視頻口播，每日AI資訊等，蒸餾等，全網常用的8個skill，總有一款適合你，小白輕鬆也能用。

8個實用AI Skill推薦，涵蓋自動剪輯、影視解說、資訊日報等，新手都用到

完成

Cloudflare推開Agent Web大門：一個人+多個Agent等於一家公司

Cloudflare同Stripe聯手推Agent Web，一個人加幾個AI Agent就可以做到一間公司嘅事

完成

從人設板到故事板：如何設計一套有效視頻生成AI提示詞體系

從人設板到故事板：建立結構化提示詞體系，令AI視頻生成專業可控

完成

GPT Image 2 Mockup系列測評：設計方案展示終於有救了

GPT Image 2 生成 Mockup 圖實測：快速驗證設計方向，但未夠取代專業工具

完成

Markdown 涼了？Claude Code 工程師親口說：我已經全面切換到 HTML 了

Claude Code工程師Thariq主張用HTML取代Markdown作為AI輸出格式，因為HTML信息密度更高、互動性更強，更適合AI時代嘅閲讀與協作需求。

完成

程序員效率革命：這10個VS Code插件，每天幫你省下2小時

介紹10個VS Code插件提升編碼效率，並分享作者獨家配置，每日可省2小時

完成

Perplexity 內部規範公開：Agent Skill 設計迭代維護的 5 個步驟、4 類評測、3 條紅線

Perplexity 公開內部 Agent Skill 設計規範：核心係「寫 Skill 唔係寫代碼」，而係為模型構建上下文，重點喺描述路由同 Gotchas 漸進維護。

完成

OpenSpec 最佳實戰：3 輪實測驗證 5 個質量升級方向，結論一目瞭然

三輪實驗驗證OpenSpec質量升級：4個方向有效，1個需外部CI

完成

別寫 Markdown 了，用 HTML【譯】

用HTML取代Markdown，提升Agent輸出的可讀性與互動性

完成

Markdown還是HTML？這是個蠢問題！

Markdown與HTML並非對立，係生產同消費嘅分工關係

完成

拆解 Manus 黑盒：用 Slidev 復刻生成PPT鏈路

作者揭開 Manus 生成 PPT 嘅黑盒機制，發現佢背後係一套 Web 化嘅 slide 工程，再用 Slidev 成功復刻出一條開放、可控、可驗證嘅 AI PPT 生成閉環。

完成

一句話安裝Hermes Agent，從此享有全能秘書

一句話安裝Hermes Agent，即可擁有全能秘書，自動管理微信消息

完成

股票分析平台-打板策略回測分析

打板策略回測：V4版本以75%勝率、+3.58%均收成為最佳模型

完成

Zeabur 部署完全指南：從零開始，5 分鐘上線你的網站

Zeabur 部署平台指南：從零開始 5 分鐘上線網站，適合跑後台服務嘅工具站，性價比高過 Vercel。

完成

【hermes保姆教程】B站視頻逐字稿自動進obsidian知識庫

用 Hermes 同 Obsidian 將 B 站視頻自動變逐字稿，從此睇片變睇書

完成

用這個方式閲讀1個月後，我發生了前所未有的改變｜月覆盤 𝟐𝟎𝟐𝟔⁰⁴

密集深度閲讀加極簡筆記體系，月輸出15萬字兼副業突破

完成

分享一個自制插件，輕鬆搜出高質量參考圖！

自製瀏覽器插件 PinSpark：用 AI 幫你生成豐富關鍵詞，輕鬆搜出高質量參考圖

完成

拋棄Markdown！Claude Code 內部成員：使用HTML和Agent交流效果好到離譜

用 HTML 取代 Markdown：提升 AI 協作效率與閲讀體驗

完成

如何找到最適合自己的Obsidian多端同步方案？

本文評測2026年Obsidian多端同步主流方案，總結為：官方Sync最穩定，免費方案可選堅果雲或OneDrive，蘋果生態用iCloud，極致隱私用Syncthing，技術黨用Git。

完成

領導怒罵：“不如把你裁了換成 Token！” 我不服：我做了個 API 中轉站，沒人比我更懂賣 Token！他跪了：給我打 7 折。。

用AI編程由零整一個API中轉站，理解原理先唔會畀人呃Token

完成

對Agent真正重要的，是控制面設計本身

對Agent嚟講，控制面設計本身先係關鍵，唔係協議形式

完成

我越來越推薦用 Codex Subagents 做 AI Code Review

用 Codex Subagents 建立 AI Code Review，解決自查被 AI 輸出帶住走嘅問題

完成

產品經理未解之謎：AI更喜歡用戶故事還是功能說明書？進來下個注、看看結果

AI 更鍾意用戶故事定功能說明書？實測番茄時鐘原型話你知

完成

讓你的 AI Agent 不再上網抓瞎，這兩個 GitHub 萬星工具補齊

Agent Reach 加 Browser Harness 互補，補齊 AI Agent 上網能力

完成

Codex App 基礎下篇：設置、權限和快捷鍵，一次講清楚

掌握Codex App設置與權限，新手都能安全高效使用

完成

AI知識庫不是收藏夾：為什麼你收藏了很多文章，最後還是用不起來？

別再只是收藏文章，要把資料加工成可重用資產，建立AI知識庫才是關鍵。

完成

Anthropic 工程師發了篇「格式帖」，350 萬人圍觀

用 HTML 代替 Markdown 做 AI 輸出，大幅提升協作效率——Anthropic 工程師 Thariq 實戰分享

完成

Cloudflare + 域名：無限郵箱小號，註冊啥都不用愁

目前的AI生態經常遇到需要註冊小號的情況。同一個平台，郵箱又不能重複。用Cloudflare+域名組建一個無限郵箱。告別郵箱不夠用的煩惱。注意：本文講述的方法只能收郵件，如果有發郵件需求，文章結尾有個推薦的開源項目，可以配合 cloudflare 的 worker 實現收發郵件。準備工作一個域名（任何註冊商都行）一個 Cloudflare 賬號（免費）一個用於接收轉發的 Gmail 或其他郵箱主要操作就以下幾步：域名改 NS → 開 Email Routing → 加自定義地址 → 一鍵添 DNS → （可選）開 Catch-All。第一步：把域名接入 Cloudflare在 Cloudflare 控制枱點「添加域名」，輸入你的域名後，Cloudflare 會給你兩個專屬 NS 地址（格式類似 amy.ns.cloudflare.com）。回到域名註冊商，把 Nameservers 改成 Cloudflare 提供的這兩個。改完後回到 Cloudflare，等待 DNS 生效（通常幾分鐘到幾小時）。生效後域名狀態變為「活躍」。第二步：開啓 Email Routing進入域名管理頁，左側菜單找「電子郵件 → 電子郵件路由」，點「開始使用」。Cloudflare Email Routing 的核心邏輯很簡單：收到發到你域名的郵件 → 根據規則轉發到你指定的真實郵箱。不存儲郵件，不需要搭服務器。第三步：創建自定義地址按引導填寫：自定義地址：想用的前綴，比如 test（完整地址就是 test@quotedgrace.com）目標：你的真實收件郵箱，比如 Gmail第四步：驗證轉發目標Cloudflare 會向目標郵箱發一封驗證郵件，點擊確認。驗證狀態變為「已驗證」後才能正常轉發。同一個 Gmail 只需驗證一次，後續添加新地址可以直接複用。第五步：配置 DNS（一鍵完成）Cloudflare 會自動列出需要添加的 MX 和 TXT 記錄，點「添加記錄並啓用」，全程不需要手動填 DNS。測試一下配置完成後，給 test@yourdomain.com 發一封郵件，幾秒內應該出現在你的 Gmail 收件箱。進階：開啓 Catch-All，接收所有地址的郵件「路由規則」頁裏有一個「通配地址（Catch-All）」開關。先點編輯，把規則改成發送電子郵件到自己的郵箱，然後開啓。開啓後，任何發到你域名的郵件都會被轉發，包括沒有單獨設規則的地址。相當於你的域名變成了一個無限郵箱——abc@yourdomain.com、xyz@yourdomain.com，不需要提前註冊，來信就收。限制說明免費套餐下：最多 200 條路由規則最多 200 個自定義地址單封郵件最大 25 MB200 條上限是針對自定義規則的，開啓 Catch-All 後理論上就是無限郵箱。總結一次配置，永久生效。域名年費之外，零額外成本。延伸：需要發郵件？基於 Cloudflare Workers 的開源郵件服務，支持收發郵件和附件：https://github.com/maillab/cloud-mail

完成

OpenAI Codex for Chrome擴展詳解：3種瀏覽器操控方式與遷移指南

Codex for Chrome擴展以編寫程式碼取代截圖識別操控瀏覽器，實現後台多標籤並行操作，並支援登入狀態複用，為Web自動化提供更精準的方案。

完成

Codex可以接管瀏覽器了？試試Codex Chrome插件！

Codex Chrome插件令AI直接操控瀏覽器，係AI Agent嘅落地形態

完成

117 條 GPT Image 2 提示詞翻完，我整個人又被震驚麻了

GPT Image 2 嘅結構化提示詞（JSON）令到輸出從「畫圖」升級到「做產品」，本文整理咗 117 條案例嘅核心技巧同埋侷限。

完成

Cloudflare 給 agent 發了張能刷的卡

Cloudflare 同 Stripe 推出新協議，讓 agent 安全成為客戶，將失控風險鎖喺可計算範圍內

完成

這個工具可以讓你把Claude Code裝進口袋

用手機遙控 Claude Code：cc-connect 工具教學，出門唔怕冇得改 bug

完成

80 個 canary 測 6 個 vibe coding 平台：UI 漂亮後端沒一個能跑

vibe coding六大平台UI漂亮但後端全軍覆沒，80條canary測出規格壓縮、前後脱鈎、生產懸崖、安全失守四大共性短板

完成

Cloudflare悄悄做了件大事:把所有主流Coding Agent都全收編了

Cloudflare 最近悄悄上線了一個叫 Agent Setup 的功能。把所有的Coding Agent 進行了全部收編，Claude Code、Codex、Cursor、GitHub Copilot、Windsurf 全在裏面，一個不落。Agent Setup的主要作用就是通過代理配置直接打通Code Agent The Cloudflare全家桶鏈路。這個 Agent Setup 提供三層東西：第一層是 Cloudflare Skills。給 Agent Cloudflare全產品線的相關上下文信息。Agent 裝完之後就懂得該什麼時候用 wrangler deploy，什麼時候調 D1 migration，不需要再去查閲Cloudflare的文檔，不需要人工閲讀Cloudflare 全家桶使用說明。第二層是 Code Mode API MCP。Cloudflare 把自家2500 多個 API 端點壓縮成了一個Code Mode，Agent 直接寫 JavaScript 去調，目前1000 +個Token 就能夠覆蓋，比傳統MCP工具描述省太多了。第三層是 Domain Specific MCP。針對CF全家桶裏面具體產品，包括Workers、D1、KV、R2、Hyperdriv等等等每個都有獨立的 MCP server。以 Claude Code 為例，接入流程是這樣的：/plugin marketplace add cloudflare/skills

完成

閱讀站

復刻 Winamp 經典體驗，3萬電台更香了 。