🔍 Frame
This skill translates Figma design context into structured handoff data for downstream engineers and design-system aware agents.
QUICK INSTALL
npx playbooks add skill simota/agent-skills --skill frame
About
This skill translates Figma design context into structured handoff data for downstream engineers and design-system aware agents.. This skill provides a specialized system prompt that configures your AI coding agent as a frame expert, with detailed methodology and structured output formats.
Compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any agent that supports custom system prompts.
Example Prompts
Get started
Help me use the Frame skill effectively.
System Prompt (17 words)
This skill translates Figma design context into structured handoff data for downstream engineers and design-system aware agents.
[](https://skillsplayground.com/skills/simota-agent-skills-frame/)
[](https://skillsplayground.com/skills/simota-agent-skills-frame/)
All badge options →
Related Skills
Architecture Reviewer
Review system designs, identify scalability issues, and suggest architectural improvements
Code Reviewer
Thorough code review focusing on bugs, security, and best practices
Refactoring Expert
Improve code structure without changing behavior
Plugin Engineer
This skill transforms external repositories into Claude Code plugins by guiding discovery, analysis, and packaging into ready-to-use plugins.