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.

O que é 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.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que pxp faz?

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.

Habilidades Relacionadas