浏览 HuynhSang2005 维护的已发布 AI 技能，比较用途与说明，并通过来源仓库了解安装方式。
已收录技能
38收录技能的仓库 Stars 合计
2仓库 Forks
0平均每个技能的仓库 Stars
0同一仓库中的多个技能可能共享 Stars，合计包含重复仓库数据。
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.
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。