| name | luxury-ui-design-review |
| description | Use when reviewing or changing ERTZU visual design, layout, components, copy tone, product imagery, responsive behavior, or premium marketplace polish. |
Luxury UI Design Review
When To Use
Use this skill for UI changes on marketplace, product detail, checkout, sell, profile, admin, messaging, homepage, or shared components and global CSS.
ERTZU-Specific Instructions
- Make ERTZU feel premium, editorial, precise, and trustworthy.
- Pair luxury perfume presentation with technical verification language.
- Use actual product imagery or meaningful perfume visuals where the user needs product context.
- Reuse tokens and UI primitives from
src/app/globals.css.
- Use lucide-react icons where available.
- Keep admin UI efficient and denser, but still visually disciplined.
Files And Areas To Inspect
docs/ai/DESIGN_SYSTEM.md
src/app/globals.css
src/app/layout.tsx
src/components/ProductCard.tsx
src/components/Navbar.tsx
src/components/Footer.tsx
src/app/page.tsx
src/app/listings/page.tsx
src/app/listings/[id]/page.tsx
src/app/sell/page.tsx
src/app/buy/page.tsx
src/app/bid/checkout/page.tsx
src/app/admin/page.tsx
public/*
Concrete Checks
- Verify product images are visible, inspectable, and not over-cropped.
- Verify lowest ask, highest bid, last sale, size, fill level, and verification path are clear.
- Verify text fits on mobile and desktop without overflow or overlap.
- Verify interactive controls have clear labels, focus states, and tap targets.
- Verify colors come from existing tokens unless a new state genuinely needs a token.
- Verify dark and light theme behavior where relevant.
- Verify cards are used for items, modals, or framed tools, not nested page decoration.
- Verify CTA hierarchy supports bid, buy, sell, and ask workflows.
Mistakes To Avoid
- Do not make ERTZU look like a generic SaaS dashboard.
- Do not use cheap marketplace styling, loud gradients, or decorative clutter.
- Do not hide the bottle behind dark overlays, blur, or tiny thumbnails.
- Do not add one-off colors when tokens exist.
- Do not use giant hero typography inside compact panels or admin tools.
- Do not add visible instructional text about the UI itself.