メニュー
Guides storefront UI for webshop-robert-web—single home at `/`, mobile-first layout, MUI theme, and card-based sections. Use when changing the shop front, theme, or sections; the codebase has no alternate design routes or A/B switcher.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | robert-shop-design-c |
| description | Guides storefront UI for webshop-robert-web—single home at `/`, mobile-first layout, MUI theme, and card-based sections. Use when changing the shop front, theme, or sections; the codebase has no alternate design routes or A/B switcher. |
Forsiden er src/pages/HomePage.tsx på rute /. Det finnes ikke design A/B eller bytter i UI — bare dette oppsettet.
| Kanon | All butikk-UI utvikles mot HomePage og delte komponenter (CategoryCard, ProductGridSection, SearchBar). |
| Kontrast | Mørk primary-gradient i hero; seksjoner veksler paper / default; tekst fra theme. |
| Touch | Store klikkflater; horisontal scroll for chip-rader der det trengs. |
| Tema | src/theme/theme.ts — én palett. |
| Hva | Hvor |
|---|---|
| Forside | src/pages/HomePage.tsx, rute / |
| Skall | AppShell, DesktopTopbar, MobileTopbar, MobileMenuDrawer — logo går til / |
| Søk (hero) | SearchBar med surface="hero" |
| Produktgrid | ProductGridSection · ProductCard (uten variant-prop) |
xs → md).Container maxWidth="lg" for hovedinnhold.fontWeight 700, color: primary.main.env(safe-area-inset-bottom)./ viser HomePage./.DesignA / DesignB / DesignSwitcher.