{
  "markdown": "# Pix\n\nBuild frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.\n\n## Install\n\n```bash\nclaude plugin install github:skobak/pix\n```\n\nOr manually:\n```bash\ngit clone https://github.com/skobak/pix.git ~/.claude/plugins/pix\n```\n\n## Usage\n\nStart Claude Code with Chrome integration:\n\n```bash\nclaude --dangerously-skip-permissions --chrome\n```\n\nThen run:\n\n```\n/pix\n```\n\n## How it works\n\n1. **Run `/pix`** — checks your Figma MCP and Chrome extension setup, guides you if anything is missing\n\n2. **Auto-launch** — starts your dev server, opens localhost in Chrome, asks you to paste the Figma link (Figma MCP handles screenshots directly)\n\n3. **Sit back** — watch it extract tokens, implement the component, screenshot both views, compare pixel-by-pixel, and auto-fix until perfect\n\n## What it handles\n\n- Detects your stack (Vite, Next, etc.)\n- Finds your design system (Tailwind, styled-components, Chakra, etc.)\n- Identifies your icon library\n- Syncs Figma tokens to your config\n- Uses Code Connect to reuse existing components\n- Recursive refinement until pixel-perfect\n\n## Figma MCP Tools Used\n\n| Tool | Purpose |\n|------|---------|\n| `whoami` | Verify authentication |\n| `get_metadata` | Component structure |\n| `get_design_context` | Full design spec |\n| `get_variable_defs` | Design tokens |\n| `get_code_connect_map` | Existing component mappings |\n| `get_screenshot` | Figma reference image |\n\n## Requirements\n\n- **Claude Code** v2.0.73+ with `--chrome` flag\n- **Claude in Chrome** extension v1.0.36+ ([install](https://claude.com/chrome))\n- **Figma MCP** configured ([setup guide](https://help.figma.com/hc/en-us/articles/32132100833559))\n- **Paid Claude plan** (Pro, Team, or Enterprise)\n\n## License\n\nMIT\n",
  "bytes": 1733,
  "sha": "5252db52ef6b97422c80e1d6cafd2101488b93e54f616cdc7140816c90306ab8",
  "repo_slug": "skobak/pix",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/plg_skobak_pix_pix_fb376e8f/readme"
}