pix
Lance une boucle d'implémentation d'interface utilisateur autonome et au pixel près à l'aide de Figma MCP et Chrome.
Installation
SKILL.md
User provides a Figma link. You implement it pixel-perfect. That's it.
Tool names may vary based on your MCP configuration (e.g., figmagetscreenshot or mcpfigmagetscreenshot). Run /mcp to see available tools.
| getmetadata | Cheap | Node tree with child IDs, positions, sizes. No styling. | | getvariabledefs | Cheap | All design tokens (colors, spacing, radii) as name→value. | | getcodeconnectmap | Cheap | Check which Figma nodes map to existing code components. | | getscreenshot | Medium | Visual image of a specific node. Target a nodeId to crop/zoom. |
Lance une boucle d'implémentation d'interface utilisateur autonome et au pixel près à l'aide de Figma MCP et Chrome. Source : skobak/pix.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/skobak/pix --skill pix- Source
- skobak/pix
- Catégorie
- *Créativité
- Vérifié
- —
- Première apparition
- 2026-02-05
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que pix ?
Lance une boucle d'implémentation d'interface utilisateur autonome et au pixel près à l'aide de Figma MCP et Chrome. Source : skobak/pix.
Comment installer pix ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/skobak/pix --skill pix Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/skobak/pix
Détails
- Catégorie
- *Créativité
- Source
- user
- Première apparition
- 2026-02-05