歸檔於 設計 · 智能 Apache-2.0 · 來自地球
開源 Claude Design

範本.

Agent 生成的可分叉與發佈的成品 — 原型、簡報、圖像和影片範本。使用本機 agent 在你自己的金鑰上執行;所有提示、海報和範例 HTML 均採用 Apache-2.0 授權。

總計 · 254
Hyperframes 預覽 影片
@open-design Open Design
閱讀完整提示 →

Hyperframes

使用 HyperFrames HTML 建立影片合成、動畫、標題卡、疊加層、字幕、配音、音訊反應視覺效果和場景轉場。支援建構 HTML 影片內容、新增音訊同步字幕、產生文字轉語音旁白、建立音樂驅動的動畫效果(節拍同步、發光、脈衝)、新增動畫文字醒目提示(標記掃描、手繪圓圈、爆發線、塗鴉、素描)以及場景轉場效果(淡入淡出、擦除、顯示、著色器轉場)。

資訊圖 - 宅舞動作分解(極樂淨土,16格) 預覽 影像
@open-design-contributors Open Design
閱讀完整提示 →

資訊圖 - 宅舞動作分解(極樂淨土,16格)

一張2:3直式海報,由4×4網格的16個方形面板組成,展示日本宅舞熱門歌曲《極樂淨土》的完整舞蹈動作分解。每個面板展示同一位半寫實風格動漫偶像少女(粉色雙馬尾,水手服校園偶像制服)的標誌性舞蹈姿勢,專為AI影片生成設計的姿勢參考圖,適配gpt-image-2,2:3比例。

Orbit Notion 預覽 原型
@open-design Open Design
閱讀完整提示 →

Orbit Notion

Open Orbit 簡報技能 — 當 Notion 是使用者唯一連接的連接器或使用者明確將每日摘要範圍限定為 Notion 時由 Orbit 管道選擇。提取過去 24 小時內使用者已認證的 Notion 連接中的文件編輯、評論、提及和資料庫列變更,並將摘要呈現為原生 Notion 頁面(標註/摺疊/資料庫表格元素)。此技能不應手動觸發 — 由 Orbit 的每日摘要排程器針對即時 Notion 資料調用。

Replit Deck 預覽 簡報
@open-design Open Design
閱讀完整提示 →

Replit Deck

單檔案橫向滑動 HTML 簡報,採用 Replit Slides 登陸頁範本庫風格。提供八種主題(helix、holm、vance、bevel、world-dark、world-mint、atlas、bluehouse),每種都是從 replit.com/slides 擷取的完整視覺系統(調色盤+字型+強調色)。選擇一種主題,請勿混用。適用於募資提案、董事會報告、品牌備忘錄、行銷發表等需要 Replit Slides 風格的場景。

社群媒體輪播圖 預覽 原型
@open-design Open Design
閱讀完整提示 →

社群媒體輪播圖

三張 1080×1080 方形社群媒體輪播卡片——三個富有電影感和品牌調性的面板,配有連貫的展示標題('繼續前進。' → '到下一個。' → '展望未來。')。每張卡片包含品牌標誌、序號/總數、說明文字和'循環'提示。適用於'輪播貼文'、'社群媒體輪播'、'Instagram 輪播'、'LinkedIn 系列'、'X 系列卡片'或'三連發'等需求。

影片
@open-design-contributors Open Design
閱讀完整提示 →

Video - Desk Hologram AR on Real Workspace (Seedance 2.0)

A two-phase Seedance 2.0 workflow for the viral desk-hologram format: first lock a photoreal keyframe on a real developer desk (Open Design UI on the monitor, a cobalt-blue extraterrestrial hunter standing on the keyboard), then animate that still into a ~15s 9:16 image-to-video clip. Tuned for believable AR passthrough — medium-strength VFX, real desk clutter, monitor glow spill on the character, and light physical interactions (open mug, keyboard step, bow draw). Inspired by the desk-hologram Seedance 2.0 trend; no copyrighted character names in the prompt.

常見問題

Open Design 範本是什麼?

Open Design 隨附的套裝外掛範本 — 開源 Claude Design 替代方案。每一個都是可執行的成品:原型、簡報、圖像生成器、影片編排或 HyperFrames 動畫作品。你的本機 agent 會針對其提示和可選的範例 HTML 執行外掛,並在你自己的機器上生成可立即分享的資產。

範本如何授權?

全部採用 Apache-2.0 授權。分叉提示、調整 example.html、變更品牌權杖 — 唯一的要求是在你重新發佈時保留 LICENSE 聲明。

我可以用自己的 API 金鑰執行它們嗎?

可以。Open Design 在每一層都支持 BYOK — 你的 Claude / OpenAI / 本機模型憑證永遠不會離開你的機器。行銷網站不會代理任何推理;你在目錄列中看到的即時預覽來自範本隨附的海報和 Cloudflare Stream URL,而非託管執行時環境。

我如何貢獻範本?

針對 nexu-io/open-design/plugins/_official 開立 PR,其中包含新資料夾,內含 open-design.jsonSKILL.md 和可執行的 example.html。回購中 CONTRIBUTING.md 內的貢獻者指南會詳細說明清單欄位。已核准的貢獻將登陸公開目錄,並在下一次部署時自動出現在此處。

這與 Claude Design Studio 有什麼不同?

Claude Design Studio 是 Anthropic 的託管產品。Open Design 是 開源 Claude Design 替代方案 — 此目錄中的每一個範本、提示和設計系統都存在於公開回購中、針對你選擇的金鑰在本機執行,並可透過任何人都能編寫的外掛進行擴充。我們採用相同的成品分類系統(原型、簡報、圖像、影片),所以心理模型保持一致,但從 agent 執行時環境一切都保留在你的機器上。

預覽從何而來?

每個範本的清單都包含海報 URL(Cloudflare CDN)以及影片範本的 Cloudflare Stream MP4。網格將海報呈現為靜態縮圖,並在滑鼠懸停時換入循環影片。圖像和原型範本直接顯示其海報;點擊會在詳細頁面上開啟可執行的 example.html