上周發(fā)了給Agent用的那篇文章。
沒(méi)想到反饋還不錯(cuò),Skills這塊的信息差,比我想的還要大一些= =
然后評(píng)論區(qū)里就有人問(wèn)了,還是一個(gè)叫tim的朋友,問(wèn)還有什么必裝的Skills。
![]()
我尋思著,確實(shí)可以再出一期。
于是周末就盤了盤我覺(jué)得真的對(duì)大家有用的,就又肝了一篇。
也不搞什么大而全的幾百個(gè)的推薦榜單,那個(gè)我覺(jué)得沒(méi)有啥的意義,我自己就調(diào)了幾個(gè)我真的常用的,而且覺(jué)得對(duì)大家都有用的。
真的,Skills不是裝的越多就越好,反而其實(shí)越精簡(jiǎn)越科學(xué),效果才越好。
文章里推薦的這些skills,你想安裝,更是簡(jiǎn)單,直接把我這篇文章,復(fù)制粘貼給你的Claude code、OpenClaw、Codex等等就行,這些Agent,也就能一口氣幫你全部都裝上了。
接下來(lái),我們正式開(kāi)始。
一. Frontend Design
大名鼎鼎的Frontend Design Skills,在Claude的官方插件網(wǎng)站中,超過(guò)了Superpowers,排名第一。
![]()
鏈接: https://github.com/anthropics/skills/tree/main/skills/frontend-design
他的一個(gè)很有用的東西就是,解決絕大多數(shù)AI做前端的品味問(wèn)題。
能力越差的模型,效果越好。
![]()
就是很多AI做的前端頁(yè)面,真的,那個(gè)AI味濃郁的讓人摳腳。
大家肯定都見(jiàn)過(guò),千篇一律的tailwindcss藍(lán)紫色漸變,系統(tǒng)默認(rèn)字體,十個(gè)人生成十個(gè)網(wǎng)頁(yè),八個(gè)長(zhǎng)一個(gè)樣。
當(dāng)然,這沒(méi)辦法,畢竟AI就是個(gè)統(tǒng)計(jì)學(xué)。
![]()
比如我直接讓Claude直出一個(gè)我們公眾號(hào)數(shù)據(jù)的可視化網(wǎng)頁(yè)。
真的就是直出,不加任何skill和Prompt,雖然已經(jīng)比很多模型效果好多了,但是吧,這個(gè)AI味,還在有點(diǎn)濃。
![]()
我當(dāng)然可以畫(huà)一個(gè)原型圖扔給它,或者用嘴說(shuō)一段UI設(shè)計(jì)的Prompt,但是不是UI設(shè)計(jì)師的人呢,就像我根本想象不到,音樂(lè)的Prompt怎么寫(xiě)一樣,對(duì)于很多人來(lái)說(shuō),怎么去優(yōu)化網(wǎng)頁(yè)的審美,也是一個(gè)難事。
那這個(gè)時(shí)候, Frontend Design來(lái)了,這個(gè)Skills出自Anthropic官方,有一說(shuō)一,Anthropic在促進(jìn)Skills生態(tài)上,真的做了非常多的人事。
可以看一下他們的SKILL.md,也就是skill的描述文檔。
![]()
里面的設(shè)計(jì)思路還挺有意思的。
它要求AI在寫(xiě)代碼之前,先想清楚一個(gè)大膽的美學(xué)方向,極簡(jiǎn)主義、復(fù)古未來(lái)風(fēng)、什么都行,然后所有的排版、留白比例、字體選擇、動(dòng)效,都要圍繞這個(gè)方向來(lái)。
而且它有一些硬性規(guī)定,比如禁止使用Inter、Roboto、Arial這些爛大街的字體,禁止紫色漸變配白底的經(jīng)典AI審美。
![]()
裝上之后,同樣的需求,出來(lái)的東西就完全不一樣了。
還是我們公眾號(hào)舉例子。
![]()
這個(gè)排版一下子就舒服了好多。
![]()
如果你經(jīng)常用Agent生成前端頁(yè)面、做小工具的UI或者做數(shù)據(jù)可視化分析,相信我,這個(gè),真的必裝。
二. 辦公必備四件套
沒(méi)想到吧,第二個(gè),其實(shí)是4個(gè)Skills。。。
分別是,docx、xlsx、pdf、pptx。
![]()
還是來(lái)自Anthropic官方的辦公牛馬必備四件套。
鏈接:https://github.com/anthropics/skills/tree/main/skills
有了它,你的AI就能讀取你各種格式的文件了。
word、ppt、excel、PDF全都能讀,全都能寫(xiě),全都能改。
如果你用的是Cowork,這些能力是內(nèi)置的,開(kāi)箱即用。
但如果你是用終端的Claude Code或者小龍蝦啥的,就需要自己裝一下。
你可能會(huì)說(shuō),不對(duì)啊,我不裝這幾個(gè)skills,不是也可以讀PDF,也能生成Word啊。
對(duì)的,確實(shí)可以,但是吧,你不裝,那每次Agent處理這幾個(gè)格式的文件的時(shí)候,都是自己現(xiàn)寫(xiě)代碼,從零開(kāi)始摸索怎么排版、怎么生成表格,運(yùn)氣好出來(lái)的還行,運(yùn)氣不好的時(shí)候,出來(lái)的真的就是一坨。
而且,能力越低的模型,效果越一坨。
而裝上了這四件套skills之后呢,里面它自帶了一整套文檔處理流程和代碼模板。
比如頁(yè)面大小、寬度、需要的圖片類型等等等等。
![]()
相當(dāng)于給它一本操作手冊(cè),它可以照著做就,就不用自己每次從零瞎在那搞了。
我來(lái)給大家實(shí)際對(duì)比一下裝與不裝的區(qū)別。
就拿Kimi最近發(fā)布的那篇比較熱的論文《Attention Residuals》舉個(gè)例子,21頁(yè),全英文,密密麻麻的公式和圖表。
![]()
我們用Claude code不調(diào)用任何skills,幫我做一份中文筆記,把重點(diǎn)總結(jié)出來(lái)。
它做出來(lái)的東西是這樣的。
![]()
一坨,真就是一大坨。
而你裝上了四件套的Skills之后,同樣的需求,出來(lái)的是這樣的。
![]()
全篇統(tǒng)一色調(diào),頁(yè)眉頁(yè)腳都有,至少是個(gè)格式完整的、沒(méi)有BUG的文檔了,看起來(lái)就很專業(yè)。
你也完全可以,把你的自己的論文模板啥的扔給Agent,再疊加這個(gè)skill一起用,效果出奇的好。
PPT也是一樣的道理。
沒(méi)裝的時(shí)候讓它做PPT,出來(lái)的東西就非常簡(jiǎn)單,毫無(wú)亮點(diǎn)。
![]()
裝上之后,它就還能給你輸出一個(gè)排版還不錯(cuò)的PPT。
![]()
而且如果你把上面說(shuō)到的Frontend Design那個(gè)skill也裝上,疊加一起組合用,那PPT的顏值還能再上一個(gè)臺(tái)階。
![]()
![]()
相信我,這個(gè)四件套,真的是幾乎每個(gè)人都用得上的skills。
三. Web Access Skill
來(lái)自@一澤開(kāi)發(fā)的一個(gè)聯(lián)網(wǎng)Skill,非常好用。
名叫 Web Access skill。
![]()
鏈接:https://github.com/eze-is/web-access
上周一剛發(fā),已經(jīng)有兩千多的star了。
也是少有的,將聯(lián)網(wǎng)搜索和瀏覽器操控結(jié)合到一起的skill,也是我自己現(xiàn)在默認(rèn)的聯(lián)網(wǎng)skill了。
Claude code本身自帶的搜索工具,并不能夠搜到非公開(kāi)的站內(nèi)信息,碰到小紅書(shū)、B站這種站內(nèi)內(nèi)容,基本搜不到什么有用的東西。
但裝上這個(gè)skill之后,搜索能力就完全不一樣了。
![]()
可以通過(guò)Chrome DevTools Protocol直接連你本地的Chrome進(jìn)程,帶著你的登錄狀態(tài),所以其實(shí)你平時(shí)登錄過(guò)的微博、小紅書(shū)、B站、飛書(shū),它都能直接用,不需要重新登錄。
![]()
甚至貼心的出于節(jié)省token考慮,還選擇了Jina作為一個(gè)可選中間層,可以和 WebFetch、Curl 組合使用,能把網(wǎng)頁(yè)正文預(yù)先轉(zhuǎn)成干凈的 Markdown 再讀,大幅節(jié)省 token 消耗。
設(shè)計(jì)的相當(dāng)優(yōu)雅。
不過(guò)有一個(gè)前提條件是需要Chrome更新到最新版。
并且還需要允許遠(yuǎn)程調(diào)試,可以在地址欄輸入chrome://inspect/-debugging,進(jìn)行勾選。
![]()
舉個(gè)簡(jiǎn)單的例子,比如,我讓他幫我從小紅書(shū)上找望京附近的好吃的,最好還能配上圖片。
![]()
它派出了一堆 Agent去提取筆記內(nèi)容。
對(duì),是并行的,多個(gè)Agent各干各的,同時(shí)操作不同的瀏覽器標(biāo)簽頁(yè),互不干擾。
![]()
然后,就圖文并茂的都整理出來(lái)了。
![]()
讀取公眾號(hào)鏈接也沒(méi)啥問(wèn)題。
![]()
然后這個(gè)還有個(gè)很有意思的設(shè)計(jì)。
就是,它會(huì)自動(dòng)沉淀每個(gè)網(wǎng)站的操作經(jīng)驗(yàn)。
![]()
它會(huì)自己在本地按域名存一份操作記錄,哪些選擇器好使、哪些路徑走得通、哪些坑要避開(kāi),會(huì)全都記下來(lái)。
第一次訪問(wèn)可能慢一點(diǎn),但之后再去同一個(gè)網(wǎng)站就快得多了,越用越順,像是Agent自己在攢工作經(jīng)驗(yàn)。
非常方便,目前也是我自己用下來(lái),通用聯(lián)網(wǎng)做的最好的skill。
四. PUA
曾幾何時(shí),我以為這個(gè)PUA Skill,是在搞抽象。
![]()
直到我自己用了之后,真香。。。
鏈接: https://github.com/tanweai/pua
它的項(xiàng)目簡(jiǎn)介是這么寫(xiě)的。
你是一個(gè)曾經(jīng)被寄予厚望的P8級(jí)工程師。Anthropic當(dāng)初給你定級(jí)的時(shí)候,對(duì)你的期望是很高的。
這味沖的夢(mèng)回互聯(lián)網(wǎng)廠子牛馬生涯。。。
不過(guò)有一說(shuō)一,這個(gè)skill解決的是一個(gè)很多人都體感過(guò)但不太好描述的問(wèn)題,那就是AI擺爛。
你讓它修個(gè)bug,它試了兩三次沒(méi)搞定,就開(kāi)始跟你說(shuō)“建議您手動(dòng)檢查一下”“這個(gè)問(wèn)題可能需要更多上下文”。
翻譯成人話就是,你大爺?shù)奈也幌敫闪耍阊咀约簛?lái)吧。
![]()
PUA這個(gè)skill,就是專治這種擺爛的。
我其實(shí)不太建議開(kāi)默認(rèn)模式,在實(shí)在解決不了的時(shí)候,再手動(dòng)PUA一下,可能會(huì)比較好。
![]()
當(dāng)比如你的項(xiàng)目,改來(lái)改去實(shí)在改不好的時(shí)候,直接/pua,開(kāi)干。
![]()
然后它就會(huì)開(kāi)始找原因了。
![]()
最后直接解決。
![]()
它會(huì)有四級(jí)壓力升級(jí),如果Agent在同一個(gè)思路上原地打轉(zhuǎn),PUA會(huì)強(qiáng)制打斷它,讓它執(zhí)行一個(gè)7項(xiàng)檢查清單,逼它換思路。
而它的v3版本更離譜了,會(huì)根據(jù)任務(wù)類型自動(dòng)選方法論。
![]()
阿里、字節(jié)、華為、騰訊、美團(tuán)、拼多多、百度、Netflix、Apple、X,十幾家公司的方法論,全都給你塞進(jìn)去了。
太殘忍了,但太好用了。
真的,效果立竿見(jiàn)影。
![]()
非常推薦大家裝上,當(dāng)你某一個(gè)BUG它死活改不明白的時(shí)候,直接開(kāi)啟PUA模式。
五. Claude-mem
很多人覺(jué)得,OpenClaw比Claude Code越用越聰明,其實(shí)本質(zhì)上就是記憶機(jī)制,OpenClaw直接把Memory給封裝了。
而Claude Code或者Codex,一直都沒(méi)這套東西。
所以咧,就有大佬專門做了個(gè)。
名字就叫Claude-mem。
![]()
鏈接:https://github.com/thedotmack/claude-mem
解決的就是記憶持久化問(wèn)題。
![]()
它會(huì)自動(dòng)記錄你每次對(duì)話里的關(guān)鍵信息,壓縮存下來(lái),下次開(kāi)新會(huì)話的時(shí)候自動(dòng)注入相關(guān)的上下文。
非常簡(jiǎn)單的說(shuō)就是,給你的Claude Code裝了一個(gè)類似于小龍蝦那樣的長(zhǎng)期記憶。
![]()
用的也是漸進(jìn)式呈現(xiàn)的方案,也就是三層檢索的機(jī)制,先拉一個(gè)索引,大概看看有沒(méi)有相關(guān)的內(nèi)容,有的話再看時(shí)間線上下文,最后才把完整的細(xì)節(jié)拿出來(lái),這樣基本上是標(biāo)配了,因?yàn)槭oken。
![]()
它也自帶了一個(gè)本地的Web界面,跑在 localhost:37777,你可以直接在瀏覽器里看它到底記住了什么、什么時(shí)候記的,非常的一目了然。
![]()
還有一個(gè)隱私控制的設(shè)計(jì),如果你有些內(nèi)容不想被記住,比如你的密碼、密鑰這種隱私數(shù)據(jù),加個(gè) 標(biāo)簽就行,它會(huì)自動(dòng)跳過(guò)。
![]()
就像這樣, 內(nèi)容 。
不過(guò)坦率的講,這種寫(xiě)法我自己是真的很少很少用,因?yàn)槲矣X(jué)得這樣寫(xiě)真的很呆逼。。。
六. Skill-Creator
這是我認(rèn)為最重要的Skill,沒(méi)有之一。
![]()
鏈接:https://claude.com/plugins/skill-creator
我也特意寫(xiě)過(guò)文章來(lái)介紹它:
我就不過(guò)多贅述了,一句話總結(jié),幫你自己構(gòu)建一切屬于你自己Skills的Skill。
之所以把這個(gè)最重要的放在最后一個(gè),是因?yàn)椋乙恢庇X(jué)得,Skill的真正的正確用法,是把你自己的需求和經(jīng)驗(yàn),封裝、沉淀成Skills。
只有屬于你自己的Skills,才是那個(gè)真正的、必裝的Skill。
就像,我不是開(kāi)發(fā),但是我自己有一個(gè)服務(wù)器,是給我自己部署用的,我根本管理不明白服務(wù)器,就把整個(gè)服務(wù)器的管理權(quán)限,直接搓成了一個(gè)Skill,讓Agent來(lái)替我管。
而前幾天,因?yàn)楣就耉ibe Coding越發(fā)爐火純青,也有了很多把開(kāi)發(fā)好的項(xiàng)目部署在服務(wù)器上的需求,大家都是自己租服務(wù)器用的,我就想著,那不如把我自己的服務(wù)器升級(jí)一下,然后搞一下權(quán)限管理,讓大家一起用,這樣就都能省點(diǎn)錢,還方便。
于是,又花了十幾分鐘時(shí)間,就搞定了。。。
![]()
同事拿到手,流程是這樣的。
![]()
現(xiàn)在這個(gè)服務(wù)器管理Skill,就是我們的必裝Skill,真的,要不然一群人,真的搞不明白服務(wù)器運(yùn)維,而且我們都是非常個(gè)人化的小項(xiàng)目,搞得很復(fù)雜也沒(méi)必要。
現(xiàn)在回頭看,我上面推薦的五個(gè)skill,F(xiàn)rontend Design、四件套、Web Access、PUA、Claude-Mem,它們?cè)俸糜茫鉀Q的都是通用問(wèn)題。
但,很多的需求,沒(méi)有任何一個(gè)GitHub倉(cāng)庫(kù)會(huì)為你解決你自己的個(gè)性化問(wèn)題。
只有你自己可以。
所以我把Skill Creator放在最后一個(gè),不是因?yàn)樗畈恢匾∏∠喾础?/p>
它是唯一一個(gè),能讓你從Skill的消費(fèi)者,變成Skill的創(chuàng)造者的東西。
前面五個(gè)skill,是別人替你想好的答案。
Skill Creator,是讓你自己擁有創(chuàng)造的能力。
以前我們說(shuō)一個(gè)人有技能,說(shuō)的是他身上長(zhǎng)著的東西。
一個(gè)產(chǎn)品對(duì)數(shù)據(jù)的洞察,一個(gè)設(shè)計(jì)師的審美,一個(gè)程序員的debug直覺(jué)。這些東西可能學(xué)十年才能有,而且?guī)Р蛔撸荒荛L(zhǎng)在這個(gè)人身上。
但現(xiàn)在,技能可以被封裝成一個(gè)文件,可以被安裝,可以被分享,可以被復(fù)制。
這聽(tīng)起來(lái)好像技能在貶值。
但我覺(jué)得,其實(shí)不是。
真正貶值的,是那些通用技能。
比如怎么排版一個(gè)Word文檔,怎么寫(xiě)一段前端代碼,怎么搜索一個(gè)網(wǎng)頁(yè)。這些東西,skill已經(jīng)替你做了。
而真正升值的,是你知道自己需要什么的那個(gè)能力。
你知道你們公司的服務(wù)器管理流程應(yīng)該長(zhǎng)什么樣,你知道你的文章風(fēng)格里哪些是靈魂哪些是皮毛,你知道你的工作流里哪個(gè)環(huán)節(jié)最痛、最值得自動(dòng)化。
這些判斷,AI做不了。
因?yàn)樗皇悄恪?/p>
所以說(shuō)真的,今天推薦的這六個(gè)skill,你全裝上也好,挑幾個(gè)裝也好,都行。
但如果你只記住一件事,我希望是這個(gè),
最牛逼的skill,永遠(yuǎn)是下一個(gè),你自己造的那個(gè)。
>/ 作者:卡茲克、可達(dá)
>/ 投稿或爆料,請(qǐng)聯(lián)系郵箱:wzglyay@virxact.com
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺(tái)“網(wǎng)易號(hào)”用戶上傳并發(fā)布,本平臺(tái)僅提供信息存儲(chǔ)服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.