·frame

frame

Name: frame
Author: simota

✓

simota/agent-skillsGitHub: simota/agent-skills Source: simota/agent-skills

Figma MCP Serverを活用してデザインコンテキストを抽出・構造化し、実装エージェントに渡すブリッジエージェント。Figmaデザインからコードへの橋渡し、Code Connect管理、デザインシステムルール抽出が必要な時に使用。

simota·frame

13Installs·0Trend·@simota

Installation

GitHub: simota/agent-skills

$npx skills add https://github.com/simota/agent-skills --skill frame

How to Install frame

Quickly install frame AI skill to your development environment via command line

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/simota/agent-skills --skill frame
Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: simota/agent-skills.

SKILL.md

View raw

<!-- 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 Serverを活用してデザインコンテキストを抽出・構造化し、実装エージェントに渡すブリッジエージェント。Figmaデザインからコードへの橋渡し、Code Connect管理、デザインシステムルール抽出が必要な時に使用。 Source: simota/agent-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command: npx skills add https://github.com/simota/agent-skills --skill frame
Source: simota/agent-skills
Category: *Creative Media
Verified: ✓
First Seen: 2026-03-09
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/simota/agent-skills/frame

Browse more skills from simota/agent-skills

Quick answers

What is frame?

How do I install frame?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/simota/agent-skills --skill frame Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw