popnow
價格登入開始創作

登陸頁 · 網路商店 · 數據儀表板 · 作品集

Claude Code 與 Codex 的前端設計技能

完整、帶樣式的頁面，由你的 Agent 填入你的產品、你的文案和你的配色，可以直接放到任何靜態主機上。

瀏覽技能運作方式

適用於Claude CodeCodexCursorGemini CLIGitHub CopilotOpenCode

本週精選網頁

3D 頭像製作器

在瀏覽器裡捏出可愛的絨毛玩偶風 3D 角色，存成透明背景 PNG 或 3D 網頁。

或是裝進程式 Agent

下載 ZIP
手動安裝
mkdir -p ~/.claude/skills && cd ~/.claude/skills
curl -fL -H "Authorization: Bearer $POPNOW_API_KEY" \
  https://api.popnow.ai/api/v1/agent-skills/3d-avatar-maker/download -o popnow-3d-avatar-maker.zip
unzip -o popnow-3d-avatar-maker.zip && rm popnow-3d-avatar-maker.zip

/popnow-3d-avatar-maker

需要在 POPNOW_API_KEY 裡放一把 PopNow API 金鑰 · 取得 API 金鑰

你想做什麼？

全部登陸頁資料視覺化作品集網站互動工具管理後台

真正的設計系統

間距、字級層次和元件都隨技能附帶，頁面看起來是成品，而不是千篇一律。

是你的內容，不是範本

Agent 會針對你的產品重寫每個區塊，刪掉不適用的部分。

需要時再配圖

用 PopNow 生成首屏主視覺和產品照片，或保留簡潔的 CSS 和 SVG 預留圖。

Agent 技能如何運作

  1. 連線或安裝一次

    把 PopNow 連到 Claude 或 ChatGPT，或把技能裝進你的程式 Agent。

  2. 用白話提需求

    呼叫技能並描述任務。它會按照自己的工作手冊、版面規則和檢查項目來做。

  3. 花費由你核准

    某一步需要 AI 圖片、影片或聲音時，它會先報出所需的 PopNow 點數，等你同意。

常見問題

什麼是 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 帳號，每次執行都先報價。