GitHub
testing-practices
Best practices for testing JavaScript/TypeScript applications including Remix routes, SST functions, and React components
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
react-engineering
React best practices and patterns for building maintainable, performant applications with modern React features
☆ 0查看技能
GitHub
remix-patterns
Best practices, patterns, and conventions for working with Remix - the web framework that embraces web fundamentals and progressive enhancement
☆ 0查看技能
GitHub
conform
Progressive enhancement form validation with Conform and Zod for Remix applications - type-safe forms that work without JavaScript
☆ 0查看技能
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...
☆ 0查看技能
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
☆ 0查看技能
GitHub
frontend-debugging
Expert guidance for debugging Next.js, React, and Playwright applications with modern tools and best practices.
☆ 0查看技能
GitHub
component-dev
React 컴포넌트 개발 스킬. 컴포넌트 템플릿, 패턴, 작성 규칙을 제공한다.
☆ 0查看技能
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...
☆ 0查看技能
GitHub
react-useeffect
Use when writing or reviewing React useEffect, useState for derived values, data fetching, or synchronizing state with external systems.
☆ 0查看技能
GitHub
create-admin-ui
Generate admin interface components (Cards, Tables, Forms) that adhere to POSMARS Design System and Next.js 16 patterns.
☆ 0查看技能
GitHub
create-api-route
Generate robust, secure Next.js 16 App Router API endpoints with validation, auth checks, and strict server-side enforcement.
☆ 0查看技能
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...
☆ 0查看技能
GitHub
tanstack-react-query
Cách dùng @tanstack/react-query v5 trong repo này (QueryProvider, optimistic updates, invalidate sau mutation).
☆ 0查看技能
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.
☆ 0查看技能
GitHub
i18n-next-intl-vi
Quy ước i18n (Vietnamese-first UI) với next-intl trong repo Next.js 16 này.
☆ 0查看技能
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.
☆ 0查看技能
GitHub
react-hook-form
Pattern dùng react-hook-form + Shadcn Form + next-intl trong repo này (client forms, admin/forms).
☆ 0查看技能
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.
☆ 0查看技能
GitHub
zustand
Cách dùng Zustand v5 trong repo này (persist middleware, subscribeWithSelector, UI state only).
☆ 0查看技能
GitHub
zod
Quy ước dùng Zod trong repo (schemas folder, Vietnamese messages, integration với react-hook-form và server actions).
☆ 0查看技能
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).
☆ 0查看技能
GitHub
tailwind
Quy ước Tailwind CSS trong repo này (Tailwind v4 CSS-first, tokens, cn(), không hardcode màu).
☆ 0查看技能
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...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。