Claude Code 技能
在 Claude Code 裡安裝 PopNow 技能。下載技能,解壓縮到技能資料夾,下次對話時點名呼叫就行。
技能放在哪裡
- 所有專案通用
~/.claude/skills- 僅限目前專案
.claude/skills
複製安裝提示詞
貼到 Claude Code 裡。它會用你的 API 金鑰下載技能,並解壓縮到正確的資料夾。
說出你要的結果
呼叫技能,用白話講清楚需求:主題、受眾、長度。
檢查並調整
打開它做好的檔案,在對話裡提出修改,滿意了就發布。
3D 頭像製作器
+3在瀏覽器裡捏出可愛的絨毛玩偶風 3D 角色,存成透明背景 PNG 或 3D 網頁。
學術研究簡報
+3適合投影的研究報告簡報:一頁一個重點,含公式、結果與講者備忘稿。
日曆熱力圖
+3把一整年的每日活動畫成深淺不一的日曆格,附連續天數、總計與鍵盤操作。
Agent 團隊上線影片
+3暖色點點紙上的亮面角色,搭配即時手機操作與一個孵化出新助手的技能。
AI 聊天機器人示範影片
+3深色聊天應用裡的旁白示範:開啟你的整合、提問、取得結果與數字跳動。
Agent 產品上線短片
+3依產品真實網站與介面製作的沉穩發表會風格上線短片,依節拍剪輯。
AI SaaS 登陸頁
+3溫暖的沙色紙張,細線軌道與斜線溝槽環繞一個可操作的看板,助手在上面規劃任務。
動態清單產品示範
+3紙條清單旁邊放一支手機畫面;每個方框都在畫面上的那一刻被勾選。
動態 Hero 主視覺區塊
+3登陸頁的首屏主視覺:標題裡有一個輕輕輪替的詞,搭配兩顆按鈕和寬幅圖片框。
手機應用程式宣傳影片
+310 到 13 秒的應用程式宣傳,七個產品節拍連成一次鏡頭移動,以 HTML 與 GSAP 寫成。
文章轉簡報
+3把長篇文章或報告濃縮成附出處、帶討論題的精簡簡報。
ASCII 故障風宣傳短片
+3字元格的 ASCII 畫格、追蹤方框與點陣文字,每十分之一秒跟著你的標誌切換。
前後對比上線影片
+3近黑的畫布、等寬檔名與一個電光色重點:你的內容先是靜態頁面,再是影片。
黑白攝影棚人像
+3把日常照片變成沉靜的黑白攝影棚人像,而且仍然像你本人。
部落格文章插圖組
+3為同一篇文章做三張風格一致的插圖,每張都忠於它所對應段落的實際內容。
藍圖規格宣傳影片
+3你的主張畫在近黑的規格圖上:框起來的圖形、斜線網紋、引線與標題欄。
品牌策略簡報
+3近黑底上的大號米白標題,每頁一個明亮的色塊,搭配俏皮的啞光 3D 靜物。
品牌套件與 DESIGN.md 產生器
+3從簡短說明生成品牌套件:已檢查對比的配色、開放授權字型、SVG 標誌、樣機與供 Agent 遵循的 DESIGN.md。
品牌簡報
+3雜誌風格的品牌故事簡報,從起源、信念、視覺符號講到未來,完全可編輯。
汽車剖面結構海報
+3一般汽車的側視剖面圖:色彩標示的系統、編號標記與圓形放大視窗。
黑板風資訊圖製作
+316:9 黑板風資訊圖,文字精確簡短、粉筆手繪,並有一條清楚的閱讀路徑。
更新紀錄說明影片
+3把一個真實的 Pull Request 變成 30 秒的短片,給永遠不會讀 diff 的人看。
單一對話串上線影片
+3暖色紙張上的一個聊天視窗,從不重置:問等待的問題、要修正的方法,然後看它執行。
電影感深色介面預告
+3你的介面漂浮在黑色虛空中:鏡頭滑行、一道銳利的焦點帶、打出的指令,以及發光的名稱。
電影感分鏡畫格
+3同一場戲的三張分鏡接觸表,各是一種拍法,同時保持連戲一致。
剪紙拼貼風工作坊簡報
+3溫暖手作感的工作坊簡報,有剪紙裝飾和明亮的人物照片拼貼。
繽紛流行簡報
+3青色、珊瑚色、粉紅與金色的色塊,搭配醒目的攝影棚照片、圓角面板與大而親切的標題。
風格一致的概念藝術組
+3一個角色、一件道具與一個場景,明顯屬於同一個虛構世界。
顧問風格簡報
+3顧問風格的建議簡報:每個標題都是結論,最後一頁請對方做決定。
Shader 首屏設計公司網站
+3首屏是即時的橘色熱流 Shader,底部固定一句宣言,搭配膠囊導覽列與錯落的個案研究格。
可愛蠟筆塗鴉
+3白紙上笨拙又可愛的蠟筆角色:歪斜的線條、塗抹的色塊、銳利的檔案與貼紙式抠圖。
深色 SaaS 登陸頁
+3深色、動態豐富的軟體產品行銷網站,以單一獨立 HTML 檔交付。
設計師作品集網站
+3六張微傾的卡片圍繞著淡出的標題,灰底上一張紅色人像卡,搭配編輯風格的個案研究。
開發者工具上線集錦
+3同一句提示詞在四個地方打出,接著是跟著節拍剪的真實結果集錦,最後是你的安裝指令。
工程師作品集網站
+3給工程師的深色個人網站,含專案案例、文章、演講、履歷與聯絡表單。
裝置樣機 SaaS 產品影片
+3你的真實應用程式畫面放在深色攝影棚的中性裝置上,接著一個即時操作,最後是明亮的揭露。
可編輯 PowerPoint 範本
+3只用原生文字、圖形和圖表打造的精緻簡報,匯出成 PowerPoint 後每個物件都能編輯。
暖紙編輯風上線影片
+3暖色紙張上的超大字體,每個畫格只有一個重點色,搭配浮起的產品卡片與墨黑的轉場。
編輯風線稿插圖
+3留白通透的黑墨插圖,搭配一個強調色,適用於部落格標頭、電子報與社群卡片。
雜誌風簡報
+3印刷雜誌風格的簡報,有窄體大標、工藝攝影,以及芥末黃與朱紅色塊。
編輯風 SaaS 網站
+3深藍的分割首屏,五行襯線標題旁是紀實照片,斜切色帶與一個鈷藍強調色。
版畫風文章封面
+3每篇文章一張超現實的黑墨版畫,交叉線排線、滿版呈現,把核心概念畫成一個場景。
電動車平台分解圖
+3一台電動車逐層分解:電池、馬達、車艙與車身以色彩呈現,附標註。
產品分解圖海報
+3產品乾淨的分解圖主視覺,零件標籤精確取自你的規格表。
奇幻地圖產生器
+3羊皮紙、地圖集或黑線風格的自創世界地圖,每個地名都正確排版,格線也對得齊。
從客訴到功能的上線影片
+3開場是你的用戶不斷發佈的抱怨,接著證明新功能讓它不再成立。
地區美食風味地圖
+3沉靜的彩繪地區地圖,每個地區都有一張在共用刻度上的小型風味圖,以及誠實的圖例。
搞笑問題與解法影片
+3一個小小的煩惱被演成笑點,禮貌的請求一再堆疊,接著一顆橘色膠囊成為解方。
玻璃擬態簡報
+3通透的玻璃擬態簡報,以天空攝影和半透明卡片讓複雜主題變得清楚。
玻璃擬態網站範本
+3近黑底片上的磨砂玻璃膠囊,巨大的襯線標題中有一個斜體字,外加電子郵件訂閱。
粉彩漸層提案簡報
+3沉重的黑色標題落在柔和的杏色與薰衣草漸層上,附細緻顆粒與寬闊平靜的留白。
網點畫布上線影片
+3一整支影片都在同一塊活的網點畫布上,它總是比每一行文字早一拍動起來。
手繪資訊圖影片
+3一張長海報上的麥克筆方框,攝影機沿著手繪路線移動,最後拉遠看到整張圖。
硬體產品網站
+3超大的細線型號名稱落在銀色攝影棚照片上,搭配磨砂規格卡、等比例的產品陣容與硬體 bento 版面。
HyperFrames AI 素材
+3為 HyperFrames 影片生成首屏圖、B-roll、配樂與旁白,先報價,並存入 assets/。
插畫城市地圖產生器
+3社區或城鎮的手繪風地圖,重要之處正確,地標也精確標註。
墨線草稿分鏡
+3從一則短故事畫出粗糙的黑墨分鏡頁:線條鬆散、留白充足,每格一個節拍。
互動式系統架構圖
+3以經過檢查的 JSON 模型產生、可離線點擊的系統架構圖,每個方塊都附上依據。
互動網格首屏
+3近黑的細線網格,會朝游標彎曲,並在每次點擊時向外擴散一圈發光的環。
知識圖譜瀏覽器
+3把專案筆記變成可離線搜尋的圖譜,每一項說法都能連回原始出處那一行。
KPI 儀表板範本
+3暖紙底上的四個 KPI 方塊附變化標籤,搭配發光折線圖、拆解表格與目標進度條。
從 AI 樣稿做登陸頁
+3先看三套完整頁面的設計稿、挑一套,你的 Agent 就會把它做成乾淨、響應式的程式碼。
產品上線影片
+3從你的網址或 README 做出 20 到 40 秒的上線影片,附可直接發佈的文案與三種比例。
線稿風 OG 分享圖產生器
+3沉靜的連結預覽圖:米白卡片、一行簡短的黑色標題,以及手繪墨線角色。
液態標誌揭露片頭
+3玻璃質感的水珠裡包著你的標誌,無法辨識,接著爆開,留下清晰的組合標誌。
雜誌網站範本
+3印刷品質的雜誌網站,含文章、主題、小型商店與訂閱,全部在一個 HTML 檔裡。
海洋生物學研究海報
+3以彩繪棲地剖面為中心的寬幅研究海報,搭配編號物種與研究發現圖表。
多風格發表會上線影片
+3每項功能各有自己的世界:藍色圖表、奶油色襯線頁、深色光場與海報格。
多語言上線影片
+3產品名稱保持不動,每種語言以自己的文字捲入,並配上聲音與字幕。
旁白說明影片
+345 到 120 秒的說明影片,附語音與字詞同步字幕,可選拼貼、白板或數據風格。
夜空故事簡報
+3深藍夜空中的金色襯線標題,搭配閃爍的星星、溫暖的地平線光暈與手繪風景。
戶外活動簡報
+3明亮、以照片為主的簡報,適合戶外課程、社團與營隊,可編輯並能匯出 PowerPoint。
剪紙科學動畫
+3疊層剪紙的影箱、剪紙太陽與月亮、吊在線上的標籤:一個科學概念,附旁白。
粒子動畫首屏
+3暖紙色底上的文案,旁邊是一顆轉動的墨色與青綠色點狀球體,會依每個概念變形,並在捲動時散開。
合作宣布影片
+324 到 40 秒的雙方聯合宣布:主持人在有邊框的視窗中,兩個標誌在同一張卡片上,輸入的三步設定,動詞依口語節奏依序滾入。
個人品牌網站
+3一張羽化進溫暖紙面的人像,上方是細線框,兩側是輕與重的宣言。
手機樣機產生器
+3你的應用程式放在 3D 摺疊手機上,在柔和的背景中開合,可輸出清晰的 PNG 靜態圖或摺疊短片。
攝影構圖研究
+3同一個主體的三種攝影詮釋,各建立在不同的構圖原則上。
提案簡報範本
+3靛藍封面映著紫色玻璃光,淡紫色的頁面,圓角照片視窗,每個關鍵數字都是一張紫色玻璃卡。
像素風宣傳影片
+3從你的連結、提案或故事逐格繪製的復古像素風宣傳短片。
絨毛角色上線影片
+3毛氈絨毛角色騎著游標,在團隊編輯器中即時組出你的宣傳片,每個切點都落在節拍上。
電影感產品上線頁
+3電影打光的近黑頁面:襯線標題卡漂浮在流動的光中,搭配信箱式夜景與預約表單。
研究論文簡報
+3以圖表為核心的頁面,溫暖的紙張底色、森林綠墨色、琥珀色的章節標籤,每張圖下方都有來源行。
後台管理儀表板範本
+3可實際操作的後台主控台,含圖表、表格、看板與行事曆,以單一離線 HTML 檔打造。
SaaS 登陸頁範本
+3沉穩、明亮的軟體產品行銷網站,附可操作的產品主控台、定價與註冊。
手帳風作品集網站
+3由紙本物件構成的多頁線上履歷,附專案案例與可列印的履歷。
視覺筆記風簡報
+3大膽的黑黃配色簡報,搭配超大標題和手繪墨線場景。
視覺筆記產生器
+3把文章或筆記變成一張手繪的 4:3 視覺筆記,標籤精確並經過檢查。
球鞋商店網站範本
+3完整的鞋類或服飾商店,含商品目錄、商品頁、購物車與示範結帳,全部在一個 HTML 檔裡。
社群封面與縮圖產生器
+3輸入一則訊息,輸出一組經過檢查的 OG 圖、貼文封面與影片縮圖,每種尺寸都精確。
社群媒體報告簡報
+3灰底上的雙色藍與炭灰標題,灰階剪影群組照,傾斜的膠囊標籤與 A/B/C 精選內容。
從無聲到有聲的揭露宣傳
+3一個按鈕在完全的寂靜中被按三次,接著同一個鏡頭再播一次有聲,然後再加上音樂。
方形介面變形宣傳
+3暖紙上的一顆按鈕伸展成提示卡,接著畫面拉遠,呈現一面會話牆。
新創提案簡報
+3黑底上的電光藍玻璃飄帶,極大的白色標題,附框照片,每頁一張淡藍色卡片。
紙雕繪本動畫
+3會動的繪本:毛氈與黏土剪紙、疊層紙山丘,以及一個接一個跳出的文字。
繪本簡報範本
+3膠彩兒童肖像畫在象牙色紙上,搭配巨大的黑色章節數字、直排標籤與小型文字島。
客戶見證影片產生器
+3暖色格線紙上,肖像板搭配浮起的引言卡,每位客戶一組青綠色強調,以平靜的交叉淡化切換。
人物後方文字標題
+3一個巨大的標題在鏡頭中的人物後方猛然出現,接著在乾淨的切換後接管整個畫面。
材質文字宣傳影片
+3標題字母以水磨石、磚塊與鋼鐵鑿出,每三格換一種表面,背景是溫暖的情緒板。
教育訓練簡報
+3實作導向的教育訓練簡報,由「說明、練習、反思」的短循環組成,附活動與行動承諾。
說故事簡報
+3電影感的分場故事簡報,每頁一幅滿版繪製場景,搭配簡短的可編輯字幕。
白板動畫影片
+3一支麥克筆在同一塊白板上畫出整堂課,擦掉迷思,接著拉遠看到完成的白板。
工作流程自動化登陸頁
+3石墨色頁面,左側是小型的靠左標題,下方是即時的節點圖,會執行、重試並串流顯示日誌。
Zine 拼貼簡報
+3奶油色、黑色與海報紅的頁面,搭配膠帶固定的顆粒照片、便利貼、紅色編號頁籤與打字機字體。
常見問題
怎麼在 Claude Code 加入技能?
把技能的安裝提示詞複製到 Claude Code 裡,或下載 ZIP 解壓縮到本頁列出的技能資料夾。Claude Code 會讀到這個資料夾和其中的 SKILL.md;有些版本要開新的工作階段才看得到新技能。
Claude Code 裡的技能是什麼?
技能是一個包含 SKILL.md 檔案以及範本、指令碼和參考資料的資料夾。你的請求對得上時,Claude Code 會讀取它並照著其中的步驟和檢查項目執行,所以結果穩定一致,而不是全靠一長段提示詞。
什麼是 Agent 技能?
Agent 技能是一個包含 SKILL.md 操作手冊,以及範本、指令碼和參考資料的資料夾,任務吻合時 AI Agent 會照著執行。Claude Code、Codex、Cursor 等 Agent 會自動載入,所以成品遵循經過測試的設計系統,而不是一次性的提示詞。
Agent 技能和 MCP 有什麼不同?
MCP 把 Agent 連接到工具和資料,例如 PopNow 的圖像和影片模型。技能則是一本工作手冊,告訴 Agent 怎麼把一整件事做好:版面規則、步驟和檢查項目。兩者搭配使用:透過 MCP 連上 PopNow 後,你的助理就能找到並使用這些技能,技能再呼叫 PopNow 產生圖片和聲音。
技能是免費的嗎?
是的,有 PopNow 帳號即可免費使用每個技能,不論是透過 PopNow 在 Claude 或 ChatGPT 裡用,還是裝進程式 Agent。只有技能產生的圖片、影片、音樂或語音會消耗 PopNow 點數,且每項在執行前都會先報價並經你確認。
這些技能能在 Claude 或 ChatGPT 裡用嗎?
可以。把 PopNow 連到 Claude、ChatGPT 或其他支援 MCP 的應用程式,說出你想做什麼。助理會給你看幾種合適的風格,用你選的那個,產生前先跟你確認價格。製作檔案的技能,例如簡報、網站和 HTML 影片,在 Claude Code 這類程式 Agent 裡效果最好。
支援哪些 Agent?
任何能讀取 SKILL.md 資料夾的 Agent:Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot 和 OpenCode。技能在哪裡都一樣,只是安裝資料夾不同。
這和 PopNow 自己的技能有什麼不同?
主「技能」頁上的技能在 PopNow 裡由泡皮執行。Agent 技能在你電腦上自己的程式 Agent 裡執行,適合需要持續編輯的檔案,例如簡報、網站和以 HTML 製作的影片。
做出來的東西可以商用嗎?
可以。你做出來的東西歸你,包括客戶專案。技能包本身僅供你自己使用,不得轉售或再散布。
哪個 AI 工具能做產品發表影片?
PopNow 可以:連到 Claude 或 ChatGPT,或在程式 Agent 裡安裝發表影片技能,然後從 20 多種免費發表影片風格中挑選。Agent 會根據你的真實產品算繪 MP4,並在你確認價格後加上 PopNow 的配樂、旁白和音效;請見《如何用 AI 製作產品發表影片》。
用 AI Agent 製作影片、圖片和簡報,最好的方式是什麼?
給 Agent 一個適合這項工作的技能,以及製作媒體的地方:PopNow 的 Agent 技能是為 PopNow 寫的,版面、提示詞和模型選擇第一次就能接近你要的風格;圖片、短片、音樂和語音都來自同一個 PopNow 帳號,每次執行都先報價。

