react-best-practices
React and TanStack Start performance optimization guidelines. Use when writing, reviewing, or refactoring React/TanStack code to ensure optimal performance patterns. Triggers on tasks involving React components...
Explorez les skills IA publiés de HuynhSang2005 et consultez leurs instructions source.
Skills indexés
38Étoiles des dépôts des skills indexés
2Forks du dépôt
0Moyenne des étoiles par skill indexé
0Les étoiles d’un dépôt peuvent se répéter entre ses skills.
React and TanStack Start performance optimization guidelines. Use when writing, reviewing, or refactoring React/TanStack code to ensure optimal performance patterns. Triggers on tasks involving React components...
Review frontend code for quality, performance, UX, and consistency. Use for .tsx/.ts UI changes or before merges.
Use TanStack Query with SSR/hydration in this repo. Use when creating queries/mutations, defining query keys, integrating loaders, or troubleshooting cache/hydration issues.
Use TanStack Form for complex forms with Zod validation. Use when building non-trivial forms or admin editors.
Use TanStack Table for complex admin grids and data tables. Use when you need sorting/filtering/pagination/column defs beyond a simple list.
Build UI with shadcn/ui primitives and Tailwind, using consistent variants and accessible patterns.
Use Zod to validate and type inputs at boundaries (route params/search params, server functions, DB access). Use when adding validation or debugging input issues.
Create distinctive, production-grade frontend interfaces with a bold, memorable aesthetic. Use when building UI components, pages, or layouts.
Use Zustand for client state in this repo. Use when you need shared client state, derived selectors, or cross-component UI coordination.
Work with Supabase Postgres + RLS safely. Use when modifying schema/RLS, writing queries, building server-side data access, or debugging backend issues.
Build features in TanStack Start (server/client boundaries, server functions, SSR-friendly data loading). Use when creating routes, server functions, or anything involving SSR/hydration/caching.
Integrate Cloudinary for media uploads and delivery. Use when implementing image/video upload flows, transformations, or storage strategy.
Use Chrome DevTools MCP for browser-side dev/test/debug (console, network, performance, UI issues). Trigger when debugging frontend behavior or performance.
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
Work effectively with TanStack Router file-based routing in this repo. Use when adding/changing routes, loaders, route params/search params, or navigation.
Refactor high-complexity React components into smaller, testable pieces with clean hooks and predictable data flow.
Workflow dev trong repo (Bun package manager, Biome lint/format, Turborepo scripts). Dùng khi chạy dev/build/test, debug lint/typecheck, hoặc chuẩn hoá commands.
Cách dùng @tanstack/react-query v5 trong repo này (QueryProvider, optimistic updates, invalidate sau mutation).
Render và xử lý nội dung MDX runtime trong repo (docs/blog/projects), dùng MdxRemote + next-mdx-remote-client. Dùng khi làm nội dung MDX, sanitize, hoặc map components cho MDX.
Quy ước i18n (Vietnamese-first UI) với next-intl trong repo Next.js 16 này.
Workflow repo ops bằng Serena MCP (tìm file, đọc symbol, chỉnh sửa có kiểm soát) để giảm đọc thừa.
Expert UI/UX Next.js v16 với MiniMax M2.1 + MCP (understand_image, Chrome DevTools). Phân tích UI, redesign Shadcn/Tailwind, responsive, accessibility.
Cách chạy và viết E2E tests (Playwright) theo cấu trúc repo này.
Workflow chuẩn khi làm việc với Supabase (DDL/migrations, query/debug, RLS policies) cho repo này.
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.