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.

Was ist 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.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht 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.

Verwandte Skills