8 min read
Open Design 真實工作流：用 AI Agent 做提案簡報、Dashboard、App 原型
前 9 篇打底完，這篇直接套到三個真案子：seed round pitch deck、SaaS dashboard、mobile app onboarding。每個案子從打開 prompt 到 export 全程示範，讀完你能自己跑一輪。
#open-design#workflow#pitch-deck#dashboard#mobile-app#tutorial
#open-design
共 11 篇
8 min read
Open Design Prompt Stack 架構：作者說『這才是真正的產品』
Open Design 作者直白寫下「prompt stack is the product」——這篇把六層架構（discovery、identity、DESIGN.md、SKILL.md、metadata、side files）逐層拆開，看它們在 send-time 怎麼疊。
#open-design#prompt-stack#prompt-engineering#ai-architecture
8 min read
Open Design 反 AI-slop 機器：問題表格、五維自評、P0 閘門完整拆解
為什麼 Open Design 的輸出比較不 slop？答案在「先發問再動手」「品牌規格五步驟」「emit 前五維自評」「P0 硬閘門」「slop 黑名單」這套機器裡——這篇逐條拆解。
#open-design#anti-slop#ai-slop#prompt-engineering#design-quality
8 min read
Open Design 的五個視覺方向：客戶沒品牌時的決定論答案
Editorial Monocle、Modern Minimal、Tech Utility、Brutalist、Soft Warm——當使用者沒有 brand spec，Open Design 用這 5 個 curated 方向當 fallback。每個都是決定論的色票、字體、排版規格，避免 AI 自由發揮亂塗。
#open-design#visual-direction#design-fallback#ai-design#branding
7 min read
Open Design 的 71 套 Design Systems：DESIGN.md 九大區塊完整解析
Linear、Stripe、Vercel、Notion、Apple、Cursor、Tesla 全部都在——Open Design 內建 71 套品牌級 design system。這篇拆 DESIGN.md 的 9 段式 schema 和切換邏輯，教你一份檔案改出公司專用的。
#open-design#design-system#design-md#branding#tokens
7 min read
Open Design Skills 完全指南：19 個內建 skill 與如何加自己的
SKILL.md + assets + references 三件套，讓 Open Design 的 19 個 skill 變成可組合的設計指令。這篇拆 frontmatter 的 od: 擴充欄位、template.html 怎麼被讀、checklist.md 的 P0/P1/P2 是什麼。
#open-design#skills#skill-md#claude-code#frontmatter
6 min read
Open Design BYOK 與多 CLI 自動偵測：把你既有 agent 變成設計引擎
Claude Code、Codex、Cursor Agent、Gemini CLI、OpenCode、Qwen、Copilot CLI 七個 CLI 任選一個都能跑——這篇拆解 daemon 怎麼偵測、streaming 模式差在哪、缺 CLI 時 BYOK fallback 怎麼接。
#open-design#byok#claude-code#cursor-agent#codex#cli
7 min read
Open Design 的六個核心理念：搞懂哲學才知道為什麼這樣設計
為什麼 Open Design 不自帶 agent？為什麼 skill 是檔案不是 plugin？這六個核心理念解釋了整套系統的設計選擇——讀完你會用得很順，不會用得很彆扭。
#open-design#philosophy#design-principles#ai-agent#byok
5 min read
Open Design 安裝與快速上手：從 clone 到第一張 artifact
Open Design 安裝其實只有五行指令——關鍵是搞懂 .od/ 資料夾在做什麼、第一次跑會發生什麼、缺 CLI 時 BYOK fallback 怎麼接。動手派看這篇就夠。
#open-design#install#quickstart#pnpm#node#tutorial
6 min read
Open Design 是什麼？為什麼這個 Claude Design 開源版要存在
Anthropic 的 Claude Design 在 2026 年 4 月引爆設計圈，但它閉源、收費、雲端、鎖 Anthropic 模型。Open Design 是這條路上的開源替代品——用你自己的 CLI、跑在你自己的機器上。
#open-design#claude-design#open-source#ai-design#byok
6 min read
Open Design 入門課：10 篇教學帶你用 AI Agent 做出設計師等級的作品
Open Design 是 Claude Design 的開源、本地版本——19 Skills、71 Design Systems、跑在你現有的 CLI 上。這篇是 10 篇教學的系列總覽，帶你認路、排序、出發。
#open-design#ai-agent#design#claude-code#cursor#byok#skills#guide
其他標籤
#AI Agent#AI Agent branch 管理#AI Agent session 管理#AI Agent 並行工作流#AI Agent 環境設定#AI Agent 管理#AI Agent 背景執行#AI Agent 設定#AI Agent客製化#AI Agent持久化#AI Agent架構#AI Agent框架#AI Agent規劃#AI Agent記憶#AI 代理人工作流#AI 代理人設定#AI 代碼審查#AI 輔助開發策略#AI 開發品質管控#AI 開發效率提升#AI-Agent#AI-Agent交易#AI-agent#AI-agent實戰#AI交易#AI交易Agent#AI交易Agent安裝#AI交易決策#AI交易通知#AI代理人#AI任務拆解#AI問題解決#AI學習助理#AI學習工具#AI家教#AI工作流#AI工具#AI工具誤用#AI市場監控#AI教育#AI教育工具#AI架構設計#AI生產力#AI生產力工具#AI產品思維#AI知識庫#AI程式碼審查#AI自動交易#AI自動化#AI自動化測試#AI自學#AI虛擬開發團隊#AI視覺測試#AI記憶#AI輔助學習#AI量化研究#AI開發#AI開發入門#AI開發工作流#AI開發工具#AI開發最佳實踐#AI開發流程#Agent-Native#Aider 設定#Bug 修復 AI 代理人#CLI Agent#Claude Code#Claude Code Codex 切換#Claude Code 多任務#Claude Code 自動化#Claude Squad#Claude Squad -y#Claude Squad TUI#Claude Squad auto-accept#Claude Squad commit#Claude Squad profiles#Claude Squad push#Claude Squad review#Claude Squad 並行#Claude Squad 安裝#Claude Squad 實戰#Claude Squad 工作原理#Claude Squad 快捷鍵#Claude Squad 操作#Claude Squad 教學#Claude Squad 最佳實踐#Claude Squad 設定#Claude Squad 進階#Claude Squad 進階設定#Claude Squad 隔離#Claude-Code#Coding代理人#Context管理#Cron交易排程#Deep Agents#Deep Agents CLI#Deep Research#Deep Solve#DeepTutor#DeepTutor Quiz#DeepTutor使用場景#DeepTutor學生#DeepTutor安裝#DeepTutor實戰#DeepTutor工程師#DeepTutor教學#DeepTutor模式#DeepTutor知識庫#DeepTutor研究#DeepTutor設定#Discord AI#Docker安裝#Filesystem#Filesystem後端#GSD#Gemini CLI#HKUDS#Heartbeat監控#Homebrew#In-Memory#Knowledge Base#LLM設定#LangChain#LangChain Agent#LangChain CLI#LangGraph#LangGraph Memory Store#LangGraph Store#LightRAG#MEMORY.md#Math Animator#Modal#Multi-Agent#NousResearch#OpenAlice#OpenAlice Webhook#OpenAlice交易#OpenAlice安裝#OpenAlice市場數據#OpenAlice教學#OpenAlice研究#OpenAlice自動化#OpenBB交易分析#PDF問答#Python#Python AI#Python AI Agent#RAG#Sahil Lavingia#Sandbox#Skills系統#Subagents#Telegram AI#Trading-as-Git#TutorBot#Unified-Trading-Account#agentskills#ai-agent#ai-architecture#ai-coding#ai-design#ai-slop#ai工作流#ai工具比較#ai生產力#anti-slop#apply#archive#artifacts#automated code review#automation#bootstrapping#brainstorming#branch#branding#brownfield#bug-fix#build-as-little-as-possible#byok#ccmanager#changes#claude#claude squad s 指令#claude-code#claude-code code review#claude-code qa#claude-code skills#claude-code workflow#claude-code-skills#claude-design#cli#cmux#cmux-json#code-execution#codex#community#community-first#concepts#config-json#config.json#configuration#content-marketing#create_deep_agent#cron排程#cs 指令#cursor#cursor-agent#custom-commands#dashboard#debugging#deepagents#deepagents CLI#deepagents 安裝#deepagents後端#delegation#delta-spec#design#design-fallback#design-md#design-principles#design-quality#design-system#done-over-perfect#educational-selling#entrepreneurship#font#frontmatter#gemini-cli#get-shit-done#gh CLI 安裝#ghostty#git#git branch 策略#git diff 工作流#git worktree#git worktree 並行#git worktree 教學#git-worktree#gstack#gstack browse#gstack plan review#gstack qa#gstack review#gstack ship#gstack安裝#gstack完整教學#gstack工作流#gstack快速上手#gstack教學#guide#hermes-agent#homebrew#implementation#init#install#installation#interface#keyboard-shortcuts#macOS 開發工具#macos#market-by-being-you#minimalist-entrepreneur#minimum-viable-product#mobile-app#multi-ai#multi-project#mvp#new-feature#no-vc#node#notifications#npm#npx#open-source#opencode#openspec#pane#parallel#parallel-development#per-project#personal-brand#philosophy#pitch-deck#plan#plan-ceo-review#plan-eng-review#playwright瀏覽器測試#pnpm#product-validation#productivity#profitability-first#progressive-disclosure#project-management#prompt-engineering#prompt-stack#propose#quickstart#read_file#real-world#sales#sell-through-education#session記憶#setup#skill-md#skill.md#skills#skills系統#slack#slash-commands#socket-api#solopreneur#spec#specs#status-hooks#storytelling#structure#superpowers#surface#sustainable-business#task工具#tdd#terminal#terminal AI#terminal UI#theme#tmux#tmux 安裝#tokens#token優化#tui#tutorial#using-superpowers#verification#visual-direction#why#workflow#workspace#write_file#write_todos#yolo mode#並行 AI 開發#並行開發#並行開發隔離#主動學習提醒#交付#交易版控#什麼是 Claude Squad#代理人 code review#代理人任務分解#代理人個性化#代理人協作#代理人快速上手#代理人框架#代理人規範#代理人設計#代碼審查#代碼開發工作流#任務分解#任務啟動#任務完成#任務完成率#任務管理#任務規劃#個人化學習#前端自動化測試#功能開發 AI#可執行清單#執行力#執行迴圈#執行陷阱#基本面分析工具#多代理人#多代理人 git 管理#多代理人實際應用#多代理人工具#多代理人開發#多任務管理#多工 AI 開發#多工具 AI 開發#多模式學習#大語言模型#子代理#子代理人#完成率#完美主義#實戰套路#工作收尾#工具比較#心法#持久記憶#提案準備#文件問答#文章寫作流程#日報自動化#本地AI部署#生產力方法論#生產力診斷#生產力障礙#真實場景#知識庫#知識管理AI#私有知識庫#程式碼重構 AI#節奏設計#終端機 AI 工具#終端機AI#終端機工具#股票技術分析AI#自動交易#自動交易系統#自動化#自動接受模式#自架AI#規劃困境#語義搜尋#跨對話記憶#跨資產分析#量化交易#量化交易入門#量化交易工作流#量化交易工具#量化交易自動化#長期記憶#開源AI#開源AI交易#開源AI學習工具#開源交易機器人#開發效率#需求釐清