frontend
244.4K
extract-errors
Use when adding new error messages to React, or seeing "unknown error code" warnings.
facebook
development
live ranking
Top Skills by Category
Switch categories to browse the 20 highest-starred skills in each capability cluster.
active category
Frontend
2566 스킬
ranking size
20
top entries per category
parent domain
Development
63 tracked categories
top 3 spotlight
Frontend
UI frameworks, state management, and styling.
stars-based
#1
#2
frontend
150.4K
coding-standards
Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.
affaan-m
development
#3
frontend
150.4K
documentation-lookup
Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).
affaan-m
development
full ranking
Frontend
Ranking is based on GitHub stars within the currently selected category.
2566 스킬스타
04
frontend
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
affaan-m
development
05
frontend
documentation-lookup
Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).
affaan-m
development
06
frontend
frontend-patterns
React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン。
affaan-m
development
07
frontend
coding-standards
TypeScript, JavaScript, React, Node.js 개발을 위한 범용 코딩 표준, 모범 사례 및 패턴.
affaan-m
development
08
09
frontend
coding-standards
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
affaan-m
development
10
frontend
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
affaan-m
development
11
frontend
coding-standards
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
affaan-m
development
12
frontend
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
affaan-m
development
13
frontend
coding-standards
Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.
affaan-m
development
14
frontend
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
affaan-m
development
15
frontend
remotion-video-creation
Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more.
affaan-m
development
16
frontend
react-vendoring
React vendoring and react-server layer boundaries. Use when editing entry-base.ts, $$compiled.internal.d.ts, compiled/react* packages, or taskfile.js copy_vendor_react. Covers the entry-base.ts boundary (all react-server-dom-webpack/* imports must go through it), vendored React channels, type declarations, Turbopack remap to react-server-dom-turbopack, ComponentMod access patterns, and ESLint suppression for guarded requires.
vercel
development
17
frontend
studio-best-practices
React and TypeScript best practices for Supabase Studio. Use when writing or reviewing Studio components — covers boolean naming, component structure, loading/error states, state management, custom hooks, event handlers, conditional rendering, performance, and TypeScript conventions.
supabase
development
18
frontend
studio-queries
React Query conventions for data fetching in Supabase Studio. Use when writing or reviewing query hooks, mutation hooks, or query keys in apps/studio/data/. Covers queryOptions pattern, keys.ts structure, mutation hook template, and imperative fetching.
supabase
development
19
frontend
use-static-effect-event
useStaticEffectEvent hook in Supabase Studio — a userland polyfill for React's useEffectEvent. Use when you need to read latest state/props inside a useEffect without re-triggering it, or when stale closures in Effects are causing bugs.
supabase
development
20
frontend
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
supabase
development