skills.rest
skobakskobakCommunity·1 Agent Skills Included

pix

Pixel-perfect Figma-to-code conversion with autonomous visual refinement

Converts Figma designs into production frontend code with pixel-perfect accuracy. Extracts design tokens, reuses existing components, and syncs with your design system automatically. Compares screenshots and computed styles side-by-side, then auto-fixes every mismatch until the result matches the design exactly.
96|8
↗
npx skills add skobak/pix --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
skobakskobak

pix

Convert Figma links into pixel-perfect frontend implementations with token synchronization.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install Pix?▼

Run `npx skills add skobak/pix --all -g -y` in your terminal to install the skill globally.

How to convert Figma designs to code automatically?▼

Run /pix, paste your Figma link, and the skill extracts tokens, implements the component, and refines it until it matches the design pixel-for-pixel.

Does Pix work with Tailwind and other design systems?▼

Yes. It detects your stack and design system (Tailwind, styled-components, Chakra, and more) and syncs Figma tokens into your existing config instead of hardcoding values.

What do I need to run Pix?▼

You need Claude Code v2.0.73+ with the Chrome extension, a configured Figma MCP connection, and a paid Claude plan.

How does Pix verify the result matches the design?▼

It compares Chrome screenshots against Figma references and runs numerical audits with getComputedStyle, fixing every mismatch until both match exactly.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills