Communitygithub.com

cristianoliveira/pxp

基于参考截图,通过pxp CLI的图像对比能力实现或优化UI组件。适用于“根据此PNG构建组件”、“使组件匹配”或“完美像素化此UI”等请求,并预期进行应用代码修改。同时支持仅截图对比而不修改代码的请求。不适用于无视觉参考的UI实现。

pxp 是什么?

该技能利用pxp CLI工具,通过图像对比技术,帮助开发人员根据参考截图实现或优化UI组件。用户可提出如“根据此PNG构建组件”、“让组件完美匹配”等需求,技能将自动调整应用代码以达到像素级精确。它还支持仅进行截图对比而不修改代码的明确请求。适用于需要视觉参考的UI开发场景,支持多种AI编码代理平台(如Claude Code、Cursor、Codex等),通过自动化差异分析和代码调整提升开发效率。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cristianoliveira/pxp/tree/main/skills/pxp

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

pxp 是做什么的?

通过利用 pxp CLI 的图像对比能力,根据参考截图实现或优化 UI 组件。适用于诸如“根据此 PNG 构建组件”、“让此组件匹配”或“完美像素化此 UI”等请求,并期望对应用程序代码进行修改。在明确要求时,也支持仅进行截图比较而不修改代码。不适用于没有视觉参考的 UI 实现。

相关技能