GitHub
testing-practices
Best practices for testing JavaScript/TypeScript applications including Remix routes, SST functions, and React components
☆ 0View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
react-engineering
React best practices and patterns for building maintainable, performant applications with modern React features
☆ 0View skill
GitHub
remix-patterns
Best practices, patterns, and conventions for working with Remix - the web framework that embraces web fundamentals and progressive enhancement
☆ 0View skill
GitHub
conform
Progressive enhancement form validation with Conform and Zod for Remix applications - type-safe forms that work without JavaScript
☆ 0View skill
GitHub
development
Core development standards, patterns, and best practices for React and React Native projects. Use this when users need guidance on code quality (Biome, TypeScript), testing (Jest), project structure (Domain-Dri...
☆ 0View skill
GitHub
antv-f2
Use when building mobile-first visualization charts with AntV F2, creating JSX-based charts including line, bar, pie, area, scatter, radar, candlestick, gauge, treemap, or sunburst charts
☆ 0View skill
GitHub
frontend-debugging
Expert guidance for debugging Next.js, React, and Playwright applications with modern tools and best practices.
☆ 0View skill
GitHub
component-dev
React 컴포넌트 개발 스킬. 컴포넌트 템플릿, 패턴, 작성 규칙을 제공한다.
☆ 0View skill
GitHub
react-form-instructions
This guide describes the best practices for creating forms in React using modern hooks (useActionState, useFormStatus) with a component-based architecture that optimizes re-rendering and maintains clean separat...
☆ 0View skill
GitHub
react-useeffect
Use when writing or reviewing React useEffect, useState for derived values, data fetching, or synchronizing state with external systems.
☆ 0View skill
GitHub
create-admin-ui
Generate admin interface components (Cards, Tables, Forms) that adhere to POSMARS Design System and Next.js 16 patterns.
☆ 0View skill
GitHub
create-api-route
Generate robust, secure Next.js 16 App Router API endpoints with validation, auth checks, and strict server-side enforcement.
☆ 0View skill
GitHub
ux-simplicity
Ensure UI/UX stays simple and mobile-first for non-technical users. Use when creating or modifying any UI components, layouts, forms, navigation, or user-facing text. Prevents complex designs and enforces permi...
☆ 0View skill
GitHub
tanstack-react-query
Cách dùng @tanstack/react-query v5 trong repo này (QueryProvider, optimistic updates, invalidate sau mutation).
☆ 0View skill
GitHub
mdx-runtime
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.
☆ 0View skill
GitHub
i18n-next-intl-vi
Quy ước i18n (Vietnamese-first UI) với next-intl trong repo Next.js 16 này.
☆ 0View skill
GitHub
minimax-nextjs-agent
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.
☆ 0View skill
GitHub
react-hook-form
Pattern dùng react-hook-form + Shadcn Form + next-intl trong repo này (client forms, admin/forms).
☆ 0View skill
GitHub
frontend-design
Tạo giao diện frontend đẹp, độc đáo, production-grade. Tránh "AI slop" aesthetics. Dùng khi user yêu cầu build components, pages, UI.
☆ 0View skill
GitHub
zustand
Cách dùng Zustand v5 trong repo này (persist middleware, subscribeWithSelector, UI state only).
☆ 0View skill
GitHub
zod
Quy ước dùng Zod trong repo (schemas folder, Vietnamese messages, integration với react-hook-form và server actions).
☆ 0View skill
GitHub
nextjs-app-router
Next.js 16 App Router patterns for this repo (await params/searchParams, next-intl locale handling, Supabase DB-first via services).
☆ 0View skill
GitHub
tailwind
Quy ước Tailwind CSS trong repo này (Tailwind v4 CSS-first, tokens, cn(), không hardcode màu).
☆ 0View skill
GitHub
metronic-module
Create new modules for the Providr Provider Portal using Metronic Tailwind React theme, Shadcn UI, and KeenIcons. Use when building new features, pages, or modules that follow the established patterns, or when...
☆ 0View skill
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.