pxp 是做什麼的?
根據參考截圖實作或優化 UI 元件,利用 pxp CLI 進行影像比對。適用於「從此 PNG 建立這個元件」、「讓這個元件相符」或「讓這個 UI 達到像素級完美」等要求,並預期會有應用程式程式碼變更。也支援在明確要求時進行無程式碼變更的截圖比對。不適用於沒有視覺參考的 UI 實作。
根據參考截圖實作或優化 UI 元件,利用 pxp CLI 進行影像比對。適用於「從此 PNG 建立這個元件」、「讓這個元件相符」或「讓這個 UI 達到像素級完美」等要求,並預期會有應用程式程式碼變更。也支援在明確要求時進行無程式碼變更的截圖比對。不適用於沒有視覺參考的 UI 實作。
此技能利用 pxp CLI 工具,透過影像比對來協助開發者根據參考截圖實作或精煉 UI 元件。開發者可以提出「從此 PNG 建立此元件」或「讓此 UI 達到像素級完美」等要求,技能將自動對比參考圖與實作結果,並驅動應用程式程式碼的修改。它也支援純截圖比對模式,在不更動程式碼的情況下進行視覺驗證。主要適用於需要視覺參考的 UI 開發場景,不適合用於缺乏視覺參考的 UI 實作。支援多種平台與框架,能有效提升前端開發的像素精準度。
npx skills add https://github.com/cristianoliveira/pxp/tree/main/skills/pxp根據參考截圖實作或優化 UI 元件,利用 pxp CLI 進行影像比對。適用於「從此 PNG 建立這個元件」、「讓這個元件相符」或「讓這個 UI 達到像素級完美」等要求,並預期會有應用程式程式碼變更。也支援在明確要求時進行無程式碼變更的截圖比對。不適用於沒有視覺參考的 UI 實作。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".