react-hook-form
Performant React forms with minimal re-renders and built-in validation
Performant React forms with minimal re-renders and built-in validation
Implement reactive state management with Effect Atom for React applications
Nuxt and app configuration files. Use when configuring nuxt.config.ts, app.config.ts, environment variables, runtime config, or understanding how configuration flows through the application.
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
Implement F# frontend using Elmish MVU architecture with Feliz for React components. Use when: "add UI", "create component", "build form", "frontend", "client-side", "user interface", "view", "display", "render", "Elmish", "Feliz", "button", "input", "state management". Creates Model/Msg/update in src/Client/State.fs and views in src/Client/View.fs. Follows strict MVU pattern with RemoteData for async operations and TailwindCSS/DaisyUI for styling.
Use when building or styling React-based UIs with shadcn/ui and Tailwind CSS, including responsive layouts, accessible components, and theme customization.
React ์ปดํฌ๋ํธ๋ฅผ Atomic Design ํจํด์ ๋ฐ๋ผ ๊ตฌ์กฐํํ๊ณ ๊ฒ์ฆํฉ๋๋ค. "์ํ ๋ฏน ํจํด ํ์ธ", "์ปดํฌ๋ํธ ๊ตฌ์กฐ ๊ฒํ ", "๋ ์ด์ด ๋ถ๋ฅ", "atomic design ์ ์ฉ" ์์ฒญ ์ ์ฌ์ฉํฉ๋๋ค.
Apply when working with modern frontend frameworks including React, Vue, Next.js, and TypeScript
Apply when building Next.js 13-16 applications with App Router for routing, layouts, data fetching, and server components.
Powerful data fetching and state management library for React applications with server state synchronization, caching, and background updates.
When building Next.js App Router pages and deciding between Server and Client Components.
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
ไธๅฅ็จไบๆๅปบๅคๆไธๅค็ปไปถ้ๆ็ claude.ai HTML Artifacts๏ผไบคไบๅผ็ปไปถ๏ผ็ๅทฅๅ ท้ใ่ฏฅๅทฅๅ ท้้็จ็ฐไปฃๅ็ซฏๆๆฏๆ ๏ผๅ ๆฌ ReactใTailwind CSS ๅ shadcn/uiใ้็จไบ้่ฆ็ถๆ็ฎก็ใ่ทฏ็ฑๅ่ฝๆ้ๆ shadcn/ui ็ปไปถๅบ็ๅคๆ้กน็ฎ๏ผ่้็ฎๅ็ๅๆไปถ HTML/JSX ็ปไปถใๅฝ็จๆท้่ฆๆๅปบๅ ทๅคๆทฑๅฑไบคไบ้ป่พใๅค่งๅพๅฏผ่ชๆๅทฅไธ็บง UI ๆ ๅ็้ซ็บง Web ๅบ็จๅๅๆถ๏ผๅบ่ฐ็จ่ฏฅๆ่ฝใ
Create components that work with RadFlow visual editor and component discovery. Use when building new UI components for projects using RadFlow.
Cross-platform mobile development with React Native and Expo including navigation, state management, and native features
Create or update Reatom stores in this repo. Use when adding a new store under `src/stores`, changing store state shape, adding computed atoms, or creating/updating related store service functions.
Apply when fetching data in Next.js App Router: server components, caching strategies, revalidation, and streaming.
TypeScript enum pattern with Castable interface for model integration. Use when creating enums with behavior methods (colors, labels), defining fixed value sets, or integrating enums with the model casting system.
Core JavaScript fundamentals including variables, data types, operators, control flow, and basic syntax. Essential foundation for all JavaScript development.
Guide for Fulcro data loading patterns including load!, targeting, markers, pre-merge, and post-mutations. Use when implementing data fetching, loading states, or server communication in Fulcro.
Generates Astro component skeleton with slots. Stateless, deterministic. No content.
Zustand store specialist - handles store generation, sync patterns, selectors, and persistence for totalaud.io state management.
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.