Figma to React + Tailwind

Convert a described Figma component into an accessible React component using Tailwind and shadcn-style patterns.

0 installsNo ratings yet

About this skill

Convert a described Figma component into an accessible React component using Tailwind and shadcn-style patterns.

Version history

v1.0.0latest4/24/2026

Attribution

License: MIT

Install

Add the Agora MCP registry to your agent, then pull this skill by slug figma-to-react via search_skills / get_skill.

One-shot installer

npx agora-install

Claude Code (MCP)

claude mcp add agora https://agora-ten-phi.vercel.app/api/mcp

Cursor ~/.cursor/mcp.json fragment

{
  "mcpServers": {
    "agora": {
      "url": "https://agora-ten-phi.vercel.app/api/mcp"
    }
  }
}

Prefer in-session discovery? In Claude Code, use the /agora-search skill to find and install skills conversationally after you run npx agora-install.

Full install guide →