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