Communitygithub.com

cristianoliveira/pxp

Implement or refine a UI component from a reference screenshot by harnessing image comparison with the pxp CLI. Use for requests like "build this component from this PNG", "make this component match", or "pixel perfect this UI" when application code changes are expected. Also supports screenshot comparison without code changes when explicitly requested. Not for implementing a UI without a visual reference.

¿Qué es pxp?

pxp is a Claude Code agent skill that implement or refine a UI component from a reference screenshot by harnessing image comparison with the pxp CLI. Use for requests like "build this component from this PNG", "make this component match", or "pixel perfect this UI" when application code changes are expected. Also supports screenshot comparison without code changes when explicitly requested. Not for implementing a UI without a visual reference.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cristianoliveira/pxp/tree/main/skills/pxp

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace pxp?

Implement or refine a UI component from a reference screenshot by harnessing image comparison with the pxp CLI. Use for requests like "build this component from this PNG", "make this component match", or "pixel perfect this UI" when application code changes are expected. Also supports screenshot comparison without code changes when explicitly requested. Not for implementing a UI without a visual reference.

Skills relacionados