PixelKB

PixelKB is the first pure-frontend UI pass for the Pixel tool family image compressor.

What ships in this pass

• Family shell aligned with docs/reference/DESIGN.md and docs/reference/TOOL_SCHEMA.md
• Batch image queue with drag-and-drop, preview thumbnails, remove, and clear
• Exact target-size planning with kB / MB switching and quick presets
• Output strategy controls for source / JPG / WEBP
• Dedicated /docs route with localized product and FAQ content
• Vercel-ready SPA routing via vercel.json

What intentionally does not ship yet

• No compression engine
• No fake before/after comparison
• No fake download state
• No backend or upload service

Stack

• Vite
• React 19
• TypeScript
• Tailwind CSS v4
• shadcn/ui components where they fit the family shell
• Motion for small entrance and queue transitions

Local development

npm install
npm run dev

Validation

npm run build
npm run lint

Reference baseline

• docs/reference/DESIGN.md
• docs/reference/TOOL_SCHEMA.md
• docs/reference/mb2kb-copy.md