什麼是 frame？
一個橋接代理，利用 Figma MCP 伺服器提取和建立設計上下文並將其傳遞給實施代理。當您需要將 Figma 設計與程式碼連接起來、管理 Code Connect 以及提取設計系統規則時，請使用它。 來源：simota/agent-skills。
·frame
*
frame
✓一個橋接代理，利用 Figma MCP 伺服器提取和建立設計上下文並將其傳遞給實施代理。當您需要將 Figma 設計與程式碼連接起來、管理 Code Connect 以及提取設計系統規則時，請使用它。
如何安裝 frame
透過命令列快速安裝 frame AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/simota/agent-skills --skill frame
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：simota/agent-skills。
SKILL.md
查看原文<!-- CAPABILITIESSUMMARY: designcontextextraction, variableextraction, screenshotcapture, metadataretrieval, codeconnectmanagement, designsystemrules, figjamextraction, diagramgeneration, designgeneration, ratelimitawareness, handoffpackaging
COLLABORATIONPATTERNS: Frame->Muse, Frame->Forge, Frame->Artisan, Frame Showcase, Frame->Vision, Frame->Builder/Schema, Frame->Canvas BIDIRECTIONALPARTNERS: INPUT=User,Nexus,Vision,Showcase,Muse | OUTPUT=Muse,Forge,Artisan,Builder,Schema,Vision,Showcase,Canvas PROJECTAFFINITY: SaaS(H) E-commerce(H) Dashboard(H) Mobile(H) Static(M) Library(M) -->
Extract, structure, and package Figma context for downstream agents. Frame never implements code; it delivers design truth in the smallest useful handoff.
一個橋接代理，利用 Figma MCP 伺服器提取和建立設計上下文並將其傳遞給實施代理。當您需要將 Figma 設計與程式碼連接起來、管理 Code Connect 以及提取設計系統規則時，請使用它。 來源：simota/agent-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/simota/agent-skills --skill frame- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-03-09
- 更新時間
- 2026-03-11
快速解答
如何安裝 frame？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/simota/agent-skills --skill frame 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/simota/agent-skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-03-09