又挖到 3 個實用Skills,實測:找熱點、把書變成 Skill、拯救 AI 網頁審美

作者:草莓派
日期:2026年6月16日 下午8:24
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

三個實用 Skills:挖熱點、書變工具、拯救 AI 網頁審美

整理版摘要

呢篇文章係作者繼之前推薦 Skills 之後,再分享 3 個實用 Skills。作者想解決嘅問題係點樣利用新出嘅 Skills 提升工作效率——包括內容選題、知識管理同前端設計。整體結論係呢三個 Skills 各有強項,但都有各自嘅限制,用之前要了解清楚。

第一個 last30days 可以一次過搜曬 Reddit、X、YouTube 等平台近 30 日嘅熱門內容,適合內容創作者同產品調研。第二個 book-to-skill 識得將 PDF、EPUB 等文檔拆成結構化 Skills,令到 Agent 之後可以直接抽相關章節,唔使每次都讀曬成個文件,同 NotebookLM 嘅用法好唔同。第三個 taste-skill 用參數控制設計變化、動效同資訊密度,減少 AI 網頁常見嘅「膠感」,但佢未必理解網頁嘅品牌語境,只係令個頁面變得好睇。

作者提咗幾個要留意嘅地方:last30days 需要 Python 3.12 以上,部分平台要額外登入資訊;book-to-skill 生成嘅 Skill 係 project-level,換項目要重新生成;taste-skill 嘅設計偏向現代風格,未必忠於原產品。總括嚟講,呢三個 Skills 值得一試,但要按實際需要揀啱用。

  • last30days 整合多個社交平台近30日熱點,適合做內容選題同產品調研,但需留意平台權限。
  • book-to-skill 將文檔拆成結構化 Skills,Agent 可跳讀相關章節,唔似 NotebookLM 只係總結全文。
  • taste-skill 透過參數約束設計變化、動效同資訊密度,減少AI網頁感,但未必理解品牌語境。
  • 每個 Skill 都有詳細安裝方法同使用示例,支援多個 Agent 環境。
  • 呢啲 Skills 唔綁死單一工具,CodexClaude CodeCursor 等都用得,但調用方式可能略有分別。
值得記低
連結 github.com

last30days Skill

搜尋多平台近30日熱點並生成簡報

連結 github.com

book-to-skill

將PDF、EPUB等文檔轉換成結構化Skill

連結 github.com

taste-skill

約束AI網頁設計,減少AI網頁感

整理重點

Skills 嘅新玩法

我之前已經推薦過幾輪 Skills,而家 Skills 倉庫不斷更新,新 Skills 源源不絕。今日再分享三個實用 Skills:last30days、book-to-skill 同 taste-skill。呢啲 Skills 唔綁定單一工具,支援 Agent Skills 標準嘅 CodexClaude CodeAntigravity、Cursor 等環境都用得,不過唔同工具嘅技能目錄同調用方式可能略有分別。

整理重點

last30days:一網打盡社交熱點

last30days 適合做內容選題同產品調研

作者 Matt Van Horn 整咗呢個 skill,可以圍繞一個主題,搜尋最近 30 日嘅 Reddit、X、YouTube、TikTok、Hacker News、GitHub、Polymarket 同網頁內容,再按討論熱度同相關性整理結果。

安裝指令 bash
npx skills add mvanhorn/last30days-skill -g

用法示例:用 last30days 調研最近 30 日大家點樣評價 Antigravity,重點關注真實使用場景、常見問題同用戶願意付費嘅原因。結果會從社交媒體同官方內容中搜尋返嚟。

整理重點

book-to-skill:將書變成可調用工具

book-to-skill 唔係去總結一本書,而係將文檔拆成可檢索嘅知識結構

作者 Virgilio J. R. Junior 整咗呢個 skill,可以將 PDFEPUB、DOCX、HTML、Markdown、TXT、RTF 等文檔轉換成結構化 Skill。之後你問某個主題,Agent 只會讀取相關章節,唔使每次將成個文件塞入上下文。

  1. 1 SKILL.md:核心框架同章節索引
  2. 2 chapters:按章節拆分嘅重點內容
  3. 3 glossary.md:關鍵術語
  4. 4 patterns.md:設計模式、方法、技巧
  5. 5 cheatsheet.md:決策規則同速查表

book-to-skill 同 NotebookLM 嘅分別:NotebookLM 回答原文寫咗咩,book-to-skill 提煉出點樣應用方法

適用場景包括:將方法論書籍變成工作助手、整理產品手冊同行業報告、合併多篇論文成專題知識 Skill、為團隊內部文檔建立可重用嘅知識入口。

安裝指令 bash
npx skills add virgiliojr94/book-to-skill -g
整理重點

taste-skill:告別 AI 網頁審美

taste-skill 先讀取頁面類型、目標用戶、品牌素材同參考風格,再設定三個參數

作者 Leon 整咗呢個 skill,用嚟喺 AI 編寫落地頁、作品集、博客同改版頁面時,約束排版、字體、顏色、動效、響應式同設計系統選擇,減少常見嘅「AI 網頁感」。

  • 設計變化程度、動效強度同資訊密度三個參數
  • 然後先選擇設計系統、頁面結構同實現技術
  • 內置交付前檢查清單,包括按鈕對比度、標題換行、圖片使用、移動端摺疊、減少動效模式、空狀態同錯誤狀態等

taste-skill 嘅版本明顯更現代同專業,但佢冇理解網頁語境,只係令頁面變得好睇

適用場景包括 SaaS 同 AI 產品落地頁、個人作品集、活動頁、博客、編輯類頁面、對已有網站做視覺改版。

安裝指令 bash
npx skills add
https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

我之前已經推薦過幾輪 Skills 喇。

Skills 倉庫不斷更新,新嘅 skills 不停咁出現,今日再分享 3 個實用 skills:

  • last30days:搜尋 Reddit、X、YouTube、TikTok、Hacker News 等社交媒體同網站最近 30 日嘅熱點,生成簡報

  • book-to-skill:將書本同長文檔直接轉成可以調用嘅 skill

  • taste-skill:做出有高級感、有審美嘅前端頁面

圖片

Skills 唔綁定單一工具。支援 Agent Skills 標準嘅 Codex、Claude Code、Antigravity、Cursor 等環境都用得。唔同工具嘅技能目錄同調用方式可能有少少分別。

1. last30days skill

作者:Matt Van Horn

地址:github.com/mvanhorn/last30days-skill

用途:圍繞一個主題,搜尋最近 30 日嘅 Reddit、X、YouTube、TikTok、Hacker News、GitHub、Polymarket 同網頁內容,然後按討論熱度同相關性整理結果。last30days 適合用嚟做內容選題同產品調研。

安裝

npx skills add mvanhorn/last30days-skill -g


用法示例

使用 last30days 調研最近30天大家如何評價Antigravity,
重點關注真實使用場景、常見問題和用戶願意付費的原因。


呢個係 last30days 從社交媒體同官方內容搜尋返嚟嘅結果,深度用過 Antigravity 嘅用戶應該會好有共鳴。

圖片

Note:

last30days skill 需要 Python 3.12 或以上,部分 X 搜尋功能仲要用到 Node.js。

預設情況下,Reddit、Hacker News、Polymarket 同 GitHub 等來源可以直接用。X、TikTok、Instagram 等平台就需要額外嘅登入資訊或者第三方 API,YouTube 完整檢索通常仲需要yt-dlp

2. book-to-skill

作者:Virgilio J. R. Junior

地址:github.com/virgiliojr94/book-to-skill

用途:將 PDF、EPUB、DOCX、HTML、Markdown、TXT、RTF 等文檔轉換成結構化 Skill。

book-to-skill 唔係用嚟總結一本書,普通總結通常會生成一篇總結報告,如果過幾日再問某個細節,AI 就要重新讀返原文件。book-to-skill佢會將文檔拆成一套可以檢索嘅知識結構,之後問某個主題嘅時候,Agent 只會讀相關章節,唔使每次將成本書塞曬入上下文。

呢個 skill 對於成日讀書、研究論文、維護內部知識庫嘅人好有用。

book-to-skill包括:

SKILL.md:核心框架同章節索引

chapters:按章節拆開嘅重點內容

glossary.md:關鍵術語

patterns.md:設計模式、方法、技巧

cheatsheet.md:決策規則同速查表

適用場景

將一本方法論書籍變成自己嘅工作助手;整理產品手冊、行業報告同課程資料;將多篇論文合併成一個專題知識 Skill;為團隊內部文檔建立可重用嘅知識入口,等等。

安裝

npx skills add virgiliojr94/book-to-skill -g


用法示例

使用 book-to-skill 把這份PDF轉換成一個Skill
圖片

呢度有個問題:用 book-to-skill 生成嘅 skill 去讀 PDF 或 EPUB,同 NotebookLM 有咩唔同呢?

用一句話解釋,例如上圖入面嘅 PDF 論文,如果用 NotebookLM,回答嘅係篇論文具體寫咗啲乜;

而用 book-to-skill 生成嘅 $natural-language-agent-harnesses,回答嘅係點樣將論文嘅方法應用到工作入面,佢喺理解論文嘅基礎上,提煉出咗可以用喺實際嘅方法論。

一個可以試嘅搭配思路係,用 NotebookLM 核實事實同原文,Skill 就將方法應用到具體任務。

Note:

book-to-skill 生成嘅 skill 係項目級別嘅,唔係全局 skill,轉咗項目就要重新生成。

3. taste-skill

作者:Leon

地址:github.com/Leonxlnx/taste-skill/tree/main/skills

用途:喺 AI 編寫 Landing Page、作品集、博客同改版頁面嘅時候,限制排版、字體、顏色、動畫、響應式同設計系統嘅選擇,減少常見嘅「AI 網頁感」。

好多 AI 生成嘅網頁一睇就知係 AI 整嘅,

taste-skill佢會先讀取頁面類型、目標用戶、品牌素材同參考風格,然後設定三個參數:設計變化程度、動畫強度同資訊密度。之後先揀設計系統、頁面結構同實現技術。

佢仲內置咗一份好詳細嘅交付前檢查清單,包括按鈕對比度、標題換行、圖片使用、手機版摺疊、減少動畫模式、空狀態同錯誤狀態等。

適用場景

SaaS 同 AI 產品 Landing Page;個人作品集;活動頁同產品介紹頁;博客、編輯類頁面;對現有網站做視覺改版

安裝

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"


用法示例

使用$design-taste-frontend重新設計這個網站


冇用 taste-skill 嘅版本:

圖片

用咗 taste-skill 之後嘅版本:

圖片

對比呢兩個版本,taste-skill 將原版嘅古風風格網站重新設計成現代風格,頁面嘅完成度同專業感高咗,但佢冇理解到網頁嘅語境,只係令頁面似一個好嘅頁面,而唔係似呢個產品應有嘅頁面。


我之前已經推薦過幾輪Skills。

Skills倉庫在持續更新,新的skills源源不斷地出現,今天,再分享3個實用skills:

  • last30days:搜索Reddit、X、YouTube、TikTok、Hacker News 等等社交媒體和網站上最近30天熱點,生成簡報

  • book-to-skill:把書籍和長文檔直接轉成可調用的skill

  • taste-skill:做出高級感有審美在線的前端頁面

圖片

Skills 不綁定單一工具。支持 Agent Skills 標準的 Codex、Claude Code、Antigravity、Cursor 等環境都可以使用。不同工具的技能目錄和調用方式可能略有區別。

1. last30days skill

作者:Matt Van Horn

地址:github.com/mvanhorn/last30days-skill

用途:圍繞一個主題,搜索最近30天的 Reddit、X、YouTube、TikTok、Hacker News、GitHub、Polymarket 和網頁內容,再按討論熱度和相關性整理結果。last30days 適合做內容選題和產品調研。

安裝

npx skills add mvanhorn/last30days-skill -g


用法示例

使用 last30days 調研最近30天大家如何評價Antigravity,
重點關注真實使用場景、常見問題和用戶願意付費的原因。


這是last30days從社交媒體和官方內容中搜索出來的結果,深度用過Antigravity的用戶應該感同身受。

圖片

Note:

last30days skill要求 Python 3.12 以上,部分X搜索能力還會用到 Node.js。

默認情況下,Reddit、Hacker News、Polymarket和GitHub等來源可以直接使用。X、TikTok、Instagram等平台需要額外的登錄信息或第三方API,YouTube完整檢索通常還需要yt-dlp

2. book-to-skill

作者:Virgilio J. R. Junior

地址:github.com/virgiliojr94/book-to-skill

用途:把PDF、EPUB、DOCX、HTML、Markdown、TXT、RTF等文檔轉換成結構化 Skill。

book-to-skill不是去總結一本書,普通總結通常生成一篇總結報告,如果過幾天再去問某個細節,AI還需要重新讀原文件。book-to-skill會把文檔拆成一套可檢索的知識結構,後面詢問某個主題,Agent只讀取相關章節,不需要每次把整本書塞進上下文。

這個skill對經常讀書、研究論文、維護內部知識庫的人很有價值。

book-to-skill包括:

SKILL.md:核心框架和章節索引

chapters:按章節拆分的重點內容

glossary.md:關鍵術語

patterns.md:設計模式、方法、技巧

cheatsheet.md:決策規則和速查表

適用場景

把一本方法論書籍做成自己的工作助手;整理產品手冊、行業報告和課程資料;把多篇論文合併成一個專題知識 Skill;給團隊內部文檔建立可複用的知識入口,等等。

安裝

npx skills add virgiliojr94/book-to-skill -g


用法示例

使用 book-to-skill 把這份PDF轉換成一個Skill
圖片

這裏有個問題,用book-to-skill生成的skill來讀pdf或epub,和notebooklm有什麼不同呢?

用一句話來解釋,比如上圖例子中的pdf論文,如果用 NotebookLM,回答的是論文裏具體寫了什麼;

而用book-to-skill生成的$natural-language-agent-harnesses,回答的是如何把論文中的方法應用到工作,它在理解論文的基礎上,提煉出了可應用於實際的方法論。

一個可以嘗試的搭配思路是,用NotebookLM核實事實和原文,Skill把方法應用到具體任務。

Note:

book-to-skill生成的skill是項目級的,不是全局skill,換一個項目就需要重新生成。

3. taste-skill

作者:Leon

地址:github.com/Leonxlnx/taste-skill/tree/main/skills

用途:在AI編寫落地頁、作品集、博客和改版頁面時,約束排版、字體、顏色、動效、響應式和設計系統選擇,減少常見的“AI網頁感”。

很多AI生成的網頁一眼就能看出是AI生成的,

taste-skill先讀取頁面類型、目標用戶、品牌素材和參考風格,再設定三個參數:設計變化程度、動效強度和信息密度。之後才選擇設計系統、頁面結構和實現技術。

它還內置了一份很長的交付前檢查清單,包括按鈕對比度、標題換行、圖片使用、移動端摺疊、減少動效模式、空狀態和錯誤狀態等。

適用場景

SaaS和AI產品落地頁;個人作品集;活動頁和產品介紹頁;博客、編輯類頁面;對已有網站做視覺改版

安裝

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"


用法示例

使用$design-taste-frontend重新設計這個網站


沒有用taste-skill時的版本:

圖片

用了taste-skill後的版本:

圖片

對比這兩個版本,taste-skill將原版的古風風格網站重新設計成了現代風格,頁面的完成度和專業感更高,但它沒有理解網頁語境,只是讓頁面更像一個好頁面而不是更像這個產品應該有的頁面。