🔍 Frame
This skill translates Figma design context into structured handoff data for downstream engineers and design-system aware agents.
npx playbooks add skill simota/agent-skills --skill frame
About Frame
This skill translates Figma design context into structured handoff data for downstream engineers and design-system aware agents.
At 17 words, this compact prompt gives your agent specialized code review & quality expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Catching bugs and security vulnerabilities before merge
- Enforcing code style and architectural consistency
- Reviewing PRs for performance and maintainability
- Generating detailed code review comments
Example Prompts
System Prompt (17 words)
This skill translates Figma design context into structured handoff data for downstream engineers and design-system aware agents.
Frequently Asked Questions
What is Frame?
Frame is a free code review & quality skill for AI coding agents. This skill translates Figma design context into structured handoff data for downstream engineers and design-system aware agents.. It provides a specialized system prompt that configures your agent with code review & quality expertise.
How do I use Frame with Claude Code?
Run npx playbooks add skill simota/agent-skills --skill frame in your terminal to install Frame into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Frame?
Frame is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Frame free to use?
Yes, Frame is completely free and open source. The full source is available on GitHub at https://github.com/simota/agent-skills/tree/main/frame. You only need a subscription to the AI agent you use it with.
