pix
✓使用 Figma MCP 和 Chrome 启动自主的、像素完美的 UI 实现循环。
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. |
使用 Figma MCP 和 Chrome 启动自主的、像素完美的 UI 实现循环。 来源：skobak/pix。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/skobak/pix --skill pix- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-05
- 更新时间
- 2026-02-18
快速解答
什么是 pix？
使用 Figma MCP 和 Chrome 启动自主的、像素完美的 UI 实现循环。 来源：skobak/pix。
如何安装 pix？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/skobak/pix --skill pix 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/skobak/pix
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-05