Menu
Storefront app guidance for product browsing, cart, checkout, localization, and oRPC integration in apps/storefront.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme inline pattern, CSS variable architecture, dark mode with ThemeProvider, component composition, vite.config setup, common v4 gotchas, and production-tested patterns. Keywords: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, dark mode, CSS variables, hsl() wrapper, components.json, React theming, theme switching, colors not working, variables broken, theme not applying, @plugin directive, typography plugin, forms plugin, prose class, @tailwindcss/typography, @tailwindcss/forms
apps/dashboard src layout — hooks (api vs controllers), stores, lib, product form.
apps/dashboard src layout — hooks (api vs controllers), stores, lib, product form.
Monorepo architecture, app boundaries, package ownership, and cross-domain implementation guidance for Dukkani.
Best practices for Remotion - Video creation in React
apps/dashboard src layout — hooks (api vs controllers), stores, lib, product form.
| name | dukkani-storefront |
| description | Storefront app guidance for product browsing, cart, checkout, localization, and oRPC integration in apps/storefront. |
| triggers | ["storefront","checkout flow","cart behavior","storefront i18n","apps/storefront"] |
Use this skill for changes in apps/storefront.
app/[lang].app/api/storefront/[[...rest]]/route.ts.apps/storefront unless truly shared across apps.@dukkani/common.@dukkani/orpc.@dukkani/ui.stores/*.hooks/* for composable behavior.lib/orpc.ts.app/[lang]/*.lib/i18n.ts."use client" only where interaction requires it.lib/error.ts) and avoid scattered message handling.