shadcn-components
Building shadcn/ui components with Radix UI primitives, CVA variants, accessibility, and MobX integration
implementing-code-splitting
Teaches code splitting with lazy() and Suspense in React 19 for reducing initial bundle size. Use when implementing lazy loading, route-based splitting, or optimizing performance.
fix-mobx-reactivity-issues
Diagnose and fix common MobX reactivity problems including components not updating, state changes not triggering re-renders, and async update issues. Use when UI doesn't respond to state changes, computed values don't recalculate, or observer components don't re-render.
page-creation
Next.js App Router ile yeni sayfa oluşturma. Dashboard altına yeni modül sayfası, alt sayfalar, loading/error durumları ve layout yapılandırması dahil. Türkçe UI metinleri, PageHeader, breadcrumbs ve proje yapısına uygun dosya organizasyonu sağlar.
design-system-patterns
Best practices for building reusable UI components. Use when creating atoms, molecules, or updating the theme.
react-native-specialist
Expert in React Native (New Architecture), TurboModules, Fabric, and Expo. Specializes in native module development and performance optimization.
nextjs-app-router-mastery
Next.js 14+ App Router patterns, server components, and data fetching
sr-cardoso-frontend
Frontend React/Vite/PWA do Sr Cardoso. Use quando editar paginas, componentes, hooks, fluxo de agendamento, painel admin, consumo de API REST e UX mobile-first.
frontend--components
Apply the Agent OS standard for frontend components.
nextjs-data-table-page
Create Next.js data table pages with SSR initial load, SWR caching, and server-response-based UI updates. Use when asked to create a new data table page, entity management page, CRUD table, or admin list view. Generates page.tsx (SSR), table components, columns, context, actions, and API routes following a proven architecture with centralized reusable data-table component.
responsive-mobile-first
Mobile-first responsive patterns with sticky headers, floating CTAs, accessible navigation, and touch-friendly interactions. Use when implementing responsive layouts, mobile navigation, or ensuring touch-friendly UI.
react-hook-form
Performant form management with React Hook Form. Covers form state, validation with Zod, field arrays, form submission, and error handling. Trigger: When building forms, when implementing form validation, when handling form submissions, when using Zod schema validation.
react-router-v7-app
Implements React Router v7 app structure, routing patterns, and component templates. Use when creating or modifying React Router v7 applications to ensure consistent folder structure, data loading patterns, and component architecture.
