taxasge-frontend-dev
Patterns frontend Next.js/React/shadcn/ui, complète DEV_AGENT avec best practices frontend
Skills matching the name, description or GitHub author.
Patterns frontend Next.js/React/shadcn/ui, complète DEV_AGENT avec best practices frontend
React component patterns, hooks, server components, and composition. Use when building React components or deciding between patterns.
Industry best practices for React and Next.js performance optimization. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on t...
Bungae React Native 번들러 개발 가이드. 번들링 구현, 설정 시스템, 개발 서버, Babel 통합 등 번들러 개발 작업 시 참조. Resolution, Transformation, Serialization 파이프라인 구현 및 Metro 호환성 유지에 활용.
Generate comprehensive unit tests for source files with 100% coverage target. Use when writing tests for React components, utility functions, hooks, or API routes. Supports Jest and Vitest frameworks following...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
React frontend patterns for Pricing App - Zustand, CSS Modules, Tesla Design System, permissions
Refactor high-complexity React components into smaller, testable pieces with clean hooks and predictable data flow.
Design and refactor React/Tailwind frontends using the project design system. Use this Skill when working on UI components, pages, layouts, or UX improvements and you want distinctive, accessible, non-generic d...
Implements and enforces code quality gates for TypeScript/React projects. Use when setting up Biome/ESLint/TypeScript, configuring pre-commit hooks (Husky), fixing lint errors, or running quality checks. Exampl...
React + TypeScript development best practices
Performant form management with React Hook Form. Covers form state, validation with Zod, field arrays, form submission, and error handling. Trigger: When building forms, when implementing form validation, when...
Minimalist state management with Zustand - Simple, fast state management for React. Trigger: When implementing global state, when managing client-side state, when creating stores, when using state management in...
Modern React patterns with Server Components, Actions, and hooks. Trigger: When writing React components, when creating JSX files, when implementing hooks, when using Server Components or Actions.
Next.js 15 patterns for App Router, Server Components, streaming, and modern React applications. Trigger: When building Next.js apps, when using App Router, when implementing Server Components, when setting up...
Type-safe APIs with tRPC - End-to-end typesafe APIs without code generation. Covers routers, procedures, context, middleware, and React Query integration. Trigger: When creating tRPC routers, when implementing...
Tailwind CSS patterns for utility-first styling, responsive design, and component composition. Trigger: When styling with Tailwind CSS, when implementing responsive designs, when building UI components, when co...
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45 rules across 8 categories, prioritized by impact. ALWAYS load when working with React/Next.js code: - Writing new Reac...
Instructions and best practices for creating advanced, award-winning websites in a single HTML file (no React) with focus on immersive UX, premium motion, and high-end aesthetics.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Automatically sync with GitHub at session start and remind Claude to push/pull changes as it works. Triggers on session start, reactivation, or when working in git repositories.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Expert guide for SolidJS development, covering reactivity, component patterns, and migration from React.
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications. Includes test suite generation, coverage analysis, E2E testing setup,...
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.