Agent Ready — AI skill for Claude Code
A Figma plugin + Agent skill that scores how AI-ready your design files are.
How to install Agent Ready
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open Owl-Listener/agent-ready and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Agent Ready does
A Figma plugin + Agent skill that scores how AI-ready your design files are.
Alternatives in AI
- AGENTS.md - Skill Seekers — Concise reference for AI coding agents 11.1k ★
- Open Pencil — AI-native design editor 8k ★
- Cursor Talk To Figma MCP — TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to c 7k ★
README
Agent Ready
**Your design file is probably not ready for AI agents. Here's how to tell, and what to do about it.**
When an AI coding agent reads a Figma file through MCP, it sees a very different thing than you do. It sees unnamed layers called "Frame 247", empty component descriptions, raw hex values where tokens should be, and missing states. Each gap forces it to guess. The guesses compound. The code comes out messy, generic, or quietly wrong — and most of the time, you blame the agent.
Agent Ready is built around one claim: **design files need to be agent-readable now, or agent collaboration produces bad outputs.** This repo contains two things that address that claim from two different directions.
By MC Dean · [Percolates on Substack](https://marieclairedean.substack.com)
What this repo contains
agent-ready-plugin/
├── SKILL.md — the agent skill (the real product)
├── GEMINI.md — the same skill for Gemini CLI
├── shared/ — executable checks the skill can run against raw Figma JSON
├── manifest.json — the Figma plugin (the educational on-ramp)
├── code.js — the plugin scan engine
├── ui.html — the plugin UI
└── README.md — you're here
There are two tools here, but they are not equal.
**The skill is the real product.** It's what actually raises the ceiling of what an agent can produce from a messy Figma file. It runs inside your coding agent (Claude Code, Gemini CLI, and more soon), silently assesses every file the agent reads, and compensates for gaps before generating code. It emits a structured evidence block at the top of every file it produces so a human reviewer can audit what the agent had to guess.
**The plugin is the educational on-ramp.** It's the thing that makes a designer realise, visually, that their file isn't ready for agent collaboration. You run it inside Figma, see a score, see the specific gaps, and get a prioritised fix list. That's its job. It's not where the long-term v
Related Skills
Nv:context
npx skills add johnnichev/nv-context -g -y State-of-the-art context engineering for AI agents. Auto-discovers
Design Md Figma
Figma plugin that extracts local style guidelines and generates DESIGN.md and SKILL.md files for AI tools such
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping
Xhs Cover Md
🎨 Turn any company's DESIGN.md into stunning Xiaohongshu covers with AI. 9 brand styles: Apple, Claude, Figma
Shain Design System Skill
Claude skill for token-based design systems in Figma — three-tier architecture, Light/Dark modes, BEM-style co
AI Design Field Guide
46 ways to work with AI design tools — Claude Design, Figma Make, Stitch, Canva, or anything. The thinking app
Related Agents
UI Component Writer
Converts design inputs (screenshots, Figma exports, wireframe images, or text descriptions) into production-re
Figma Implementer
Turn a Figma design file into a build-ready specification — design variables mapped to Tailwind tokens, per-se
Frontend Figma Layout Designer
Specialized front-end layout designer. Use when the user pastes raw HTML and CSS exported from Figma and wants