付費限定

10 個前端必裝 Claude Skills 完整介紹

更新 發佈閱讀 13 分鐘

哈囉大家好~ 不知道大家有沒有過這種經驗:拜託 Claude Code 幫忙做 UI,結果做出來的東西怎麼看怎麼... 普通?Inter 字體、白底配紫色漸層、還有那個不痛不癢的卡片排版,欸,這個問題其實全世界的工程師都在頭痛喔!

Claude Code 真的是超強的 coding agent 沒錯,可是如果直接用預設值,做出來的設計就會收斂成那種「AI 風格的平均分」,看起來就是少了一點靈魂。這時候就要請出今天的主角:「Skills」啦!只要裝對 Skills,Claude Code 生出來的 UI 品質真的會差超多喔。

以行動支持創作者!付費即可解鎖
本篇內容共 4999 字、0 則留言,僅發佈於沙龍創始俱樂部你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
留言
avatar-img
Kiki的沙龍
32會員
130內容數
心繫正體中文的科學家,立志使用正體中文撰寫文章。 此沙龍預計涵蓋各項資訊科技知識分享與學習心得
Kiki的沙龍的其他內容
2026/05/01
哈囉大家好~這篇文章不是要跟大家聊那些花俏的 plugin 或雞肋功能喔,我想分享的是筆記整理的方法,這真的是大部分 Obsidian 教學都會忽略的主題耶。
2026/05/01
哈囉大家好~這篇文章不是要跟大家聊那些花俏的 plugin 或雞肋功能喔,我想分享的是筆記整理的方法,這真的是大部分 Obsidian 教學都會忽略的主題耶。
2026/04/30
這篇文章是預設大家已經看過下面這篇、對「Agent Skills(SKILL.md)」有基本認識才寫的喔。如果還沒看過的話,先去補一下功課,才不會看得霧煞煞
2026/04/30
這篇文章是預設大家已經看過下面這篇、對「Agent Skills(SKILL.md)」有基本認識才寫的喔。如果還沒看過的話,先去補一下功課,才不會看得霧煞煞
2026/04/30
最近 Claude Code 跟 Codex 這些 AI coding 工具一個一個冒出來,整個業界超熱鬧的。 老實說我也很想用看看欸,超心動的。可是呢,我去查了一下訂閱費用之後覺得對個人開發者來說,這個價位真的是有點吃不消⋯⋯那如果想說「不然我自己做一個 AI coding
Thumbnail
2026/04/30
最近 Claude Code 跟 Codex 這些 AI coding 工具一個一個冒出來,整個業界超熱鬧的。 老實說我也很想用看看欸,超心動的。可是呢,我去查了一下訂閱費用之後覺得對個人開發者來說,這個價位真的是有點吃不消⋯⋯那如果想說「不然我自己做一個 AI coding
Thumbnail
看更多
你可能也想看
Thumbnail
無論年紀多大多小,只要「願意」付出行動 時間、地點都不是問題 現在都有兒童程式課程 小朋友學的是利用積木組合而成的程式 大朋友就可以直接拿鍵盤來劈哩啪啦開始寫程式碼囉~
Thumbnail
無論年紀多大多小,只要「願意」付出行動 時間、地點都不是問題 現在都有兒童程式課程 小朋友學的是利用積木組合而成的程式 大朋友就可以直接拿鍵盤來劈哩啪啦開始寫程式碼囉~
Thumbnail
為什麼要學習程式呢? 程式是怎麼分類的? 能處理什麼事情?
Thumbnail
為什麼要學習程式呢? 程式是怎麼分類的? 能處理什麼事情?
Thumbnail
public class MultiplicationTable { public static void main(String[] args) { int size = 9; // 設定九九乘法表的大小 // 雙層迴圈用於生成九九乘法表 f
Thumbnail
public class MultiplicationTable { public static void main(String[] args) { int size = 9; // 設定九九乘法表的大小 // 雙層迴圈用於生成九九乘法表 f
Thumbnail
有時候我會覺得,科技產業的變化其實很快。 很多事情如果只看新聞標題,很容易忽略背後更大的趨勢。 最近我看到一個蠻有趣的消息。 在高雄舉辦的智慧城市展中, 鴻海精密工業 再次展示了他們的 CityGPT 技術。 這次的重點不只是 AI,而是一個新的概念: Agentic AI。 也就是
Thumbnail
有時候我會覺得,科技產業的變化其實很快。 很多事情如果只看新聞標題,很容易忽略背後更大的趨勢。 最近我看到一個蠻有趣的消息。 在高雄舉辦的智慧城市展中, 鴻海精密工業 再次展示了他們的 CityGPT 技術。 這次的重點不只是 AI,而是一個新的概念: Agentic AI。 也就是
Thumbnail
此開放課程由 Deeplearning.ai 與 Anthropic 合作推出,教學如何與 Claude Code 協作開發應用程式。課程涵蓋常用指令、新增功能技巧、Plan Mode 使用、MCP 擴展功能、測試與重構策略等,並提供提升 Claude Code 效能的實用祕訣。
Thumbnail
此開放課程由 Deeplearning.ai 與 Anthropic 合作推出,教學如何與 Claude Code 協作開發應用程式。課程涵蓋常用指令、新增功能技巧、Plan Mode 使用、MCP 擴展功能、測試與重構策略等,並提供提升 Claude Code 效能的實用祕訣。
Thumbnail
Linux 基金會成立全新的 Agentic AI Foundation,由 Anthropic、Block、OpenAI 發起。AAIF 收編 MCP、goose、AGENTS.md 三大開源專案,目標是建立 AI 代理人的共同標準,讓不同模型與工具能互通,避免代理式 AI 生態各自封閉、碎片化。
Thumbnail
Linux 基金會成立全新的 Agentic AI Foundation,由 Anthropic、Block、OpenAI 發起。AAIF 收編 MCP、goose、AGENTS.md 三大開源專案,目標是建立 AI 代理人的共同標準,讓不同模型與工具能互通,避免代理式 AI 生態各自封閉、碎片化。
Thumbnail
「Agentic Engineering」(代理式工程)這個詞彙主要是由知名 AI 專家、前特斯拉 AI 主管及 OpenAI 共同創辦人 Andrej Karpathy 所推廣並使其流行。 他在 2026 年初(約 2 月初)正式提出了這個詞,用來定義 AI 輔助開發的下一個階段。
Thumbnail
「Agentic Engineering」(代理式工程)這個詞彙主要是由知名 AI 專家、前特斯拉 AI 主管及 OpenAI 共同創辦人 Andrej Karpathy 所推廣並使其流行。 他在 2026 年初(約 2 月初)正式提出了這個詞,用來定義 AI 輔助開發的下一個階段。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News