Browse published AI skills maintained by HuynhSang2005. Compare skill descriptions and follow each source repository for setup instructions.
Indexed skills
38Repository stars across indexed skills
2Repository forks
0Average repository stars per indexed skill
0Repository stars may repeat across skills from the same repository.
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.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.