GitHub
nextjs-15-patterns
App Router, React Server Components, Server Actions (2025 best practices)
☆ 1View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: tools frontend
Browse skills
GitHub
enforcing-principles
Use when implementing features, handling errors, adding validation, creating forms, writing database migrations. Enforces fail-fast (NO retry logic, circuit breakers), single entry point (unified data provider,...
☆ 1View skill
GitHub
react-atomic-pattern
React 컴포넌트를 Atomic Design 패턴에 따라 구조화하고 검증합니다. "아토믹 패턴 확인", "컴포넌트 구조 검토", "레이어 분류", "atomic design 적용" 요청 시 사용합니다.
☆ 1View skill
GitHub
signal-state-management
Preact Signals for reactive state management, signal vs computed signal usage, batch updates for performance, action creator patterns, signal integration with React components, state management by domain (board...
☆ 1View skill
GitHub
frontend-design
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...
☆ 1View skill
GitHub
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router,...
☆ 1View skill
GitHub
react-code-review
Guidelines and best practices for reviewing React and Next.js code within the scoreboard project.
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade mobile interfaces with exceptional design quality for React Native + Expo applications. Use this skill when building mobile screens, components, or user experiences. Generat...
☆ 1View skill
GitHub
webapp-testing
Toolkit for interacting with and testing React Native + Expo mobile applications on iOS and Android. Supports verifying app functionality, debugging UI behavior, running the development server, and testing mobi...
☆ 1View skill
GitHub
react-expert
Expert-level React development with hooks, performance optimization, state management, and modern patterns
☆ 1View skill
GitHub
frontend-design
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...
☆ 1View skill
GitHub
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
☆ 1View skill
GitHub
frontend-engineer
Implement or review frontend features in this repo using Next.js App Router, React Server Components by default, Tailwind, and TypeScript. Use when changing UI, components, routes, or frontend architecture unde...
☆ 1View skill
GitHub
refactor
Hunt for code smells, anti-patterns, and refactoring opportunities in the TaskBridge codebase using React/Next.js best practices. Fixes ONE issue at a time. Use when you want to improve code quality, extract ut...
☆ 1View skill
GitHub
jest-test-scaffolder
Scaffolds Jest unit tests for React components and hooks. Use when creating tests for frontend components.
☆ 1View skill
GitHub
storybook-scaffolder
Generates a Storybook story file (*.stories.tsx) with M3 design token imports and interactive variant stories. Use when documenting React components for development and QA testing.
☆ 1View skill
GitHub
frontend-design
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...
☆ 1View skill
GitHub
frontend-component
Generate React components for IntelliFill following patterns (forwardRef, CVA variants, Radix UI, TailwindCSS). Use when creating UI components, forms, or pages.
☆ 1View skill
GitHub
state-management
Client-side state patterns for Web Components. Use when building interactive applications requiring state synchronization, reactive updates, or undo/redo functionality.
☆ 1View skill
GitHub
add-component
새 React 컴포넌트를 생성합니다. shadcn/ui 스타일과 프로젝트 컨벤션을 준수합니다. 사용법: /add-component ComponentName [directory]
☆ 1View skill
GitHub
react-frontend-standards
Expert guidance on QuanuX frontend development, enforcing Backend-Driven UI architecture and high-performance React patterns.
☆ 1View skill
GitHub
mvvm-development
Explain how to implement and evolve MVVM features using the repo’s `@web-loom/mvvm-core`, the shared `models`/`view-models` packages, and the reference MVVM apps (React/Angular/Vue). Use when Codex is asked abo...
☆ 1View skill
GitHub
design-theming
Use `@web-loom/design-core` to theme apps with a flat/paper look and follow the UX/UI guidance captured in `apps/mvvm-react-integrated`. Trigger this skill for theming questions, setting up token+theme pipeline...
☆ 1View skill
GitHub
ui-ux-pro-max
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,...
☆ 1View skill
Popular categories
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.