frame とは?
Figma MCP サーバーを利用してデザイン コンテキストを抽出および構造化し、それを実装エージェントに渡すブリッジ エージェント。 Figma デザインをコードにブリッジしたり、Code Connect を管理したり、デザイン システム ルールを抽出したりする必要がある場合に使用します。 ソース: simota/agent-skills。
Figma MCP サーバーを利用してデザイン コンテキストを抽出および構造化し、それを実装エージェントに渡すブリッジ エージェント。 Figma デザインをコードにブリッジしたり、Code Connect を管理したり、デザイン システム ルールを抽出したりする必要がある場合に使用します。
コマンドラインで frame AI スキルを開発環境にすばやくインストール
ソース: simota/agent-skills。
<!-- 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 frameFigma MCP サーバーを利用してデザイン コンテキストを抽出および構造化し、それを実装エージェントに渡すブリッジ エージェント。 Figma デザインをコードにブリッジしたり、Code Connect を管理したり、デザイン システム ルールを抽出したりする必要がある場合に使用します。 ソース: simota/agent-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/simota/agent-skills --skill frame インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/simota/agent-skills