القائمة
Storefront app guidance for product browsing, cart, checkout, localization, and oRPC integration in apps/storefront.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
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.
استنادا إلى تصنيف SOC المهني
| 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.