ワンクリックでManusで任意のスキルを実行

luxury-ui-design-review

スター2

フォーク0

更新日2026年6月7日 15:19

Use when reviewing or changing ERTZU visual design, layout, components, copy tone, product imagery, responsive behavior, or premium marketplace polish.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

projectertzu

projectertzu/kindergarten123

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

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.

このリポジトリの他の Skills

同じリポジトリ

auth-security-review

projectertzu/kindergarten123

Use when reviewing or changing ERTZU authentication, authorization, roles, admin behavior, RLS, privacy, blocked-user handling, or sensitive user data flows.

2026-06-072

database-schema-review

projectertzu/kindergarten123

Use when reviewing or changing ERTZU Supabase schema, migrations, RLS policies, views, RPCs, storage policies, indexes, or data model alignment.

2026-06-072

ertzu-project-architect

projectertzu/kindergarten123

Use when planning, reviewing, or changing ERTZU architecture, route structure, service boundaries, deployment readiness, or repository instructions.

2026-06-072

marketplace-bid-ask-system

projectertzu/kindergarten123

Use when working on ERTZU products, asks, bids, matching, buy-now, bid acceptance, order creation, market summaries, or marketplace status rules.

2026-06-072

payments-fees-flow

projectertzu/kindergarten123

Use when working on ERTZU Stripe integration, payment intent creation, manual capture, fee logic, refunds, checkout, bid authorization, or payout assumptions.

2026-06-072

performance-seo-accessibility

projectertzu/kindergarten123

Use when reviewing or changing ERTZU performance, SEO, metadata, image loading, accessibility, keyboard behavior, responsive layout, or Core Web Vitals.

2026-06-072

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.

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.