home/排行榜/frontend
实时排行

按分类查看 Top Skills

切换不同分类,即可查看该能力分类下按 Star 排序的 Top 20 skills。

FrontendDevelopmentTop 20查看分类页
当前分类
Frontend
2566 个技能
榜单规模
20
每个分类显示前 20 条
所属领域
Development
63 已收录分类
前三聚焦

Frontend

UI frameworks, state management, and styling.

按 Star 排序
#1
frontend
244.4K

extract-errors

Use when adding new error messages to React, or seeing "unknown error code" warnings.

facebook
facebook
development
open
#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
affaan-m
development
open
#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
affaan-m
development
open
完整榜单

Frontend

榜单基于当前分类内的 GitHub Star 数进行排序。

2566 个技能星标
04
frontend

frontend-patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

affaan-m
affaan-m
development
星标
150.4K
查看技能
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
affaan-m
development
星标
150.4K
查看技能
06
frontend

frontend-patterns

React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン。

affaan-m
affaan-m
development
星标
150.4K
查看技能
07
frontend

coding-standards

TypeScript, JavaScript, React, Node.js 개발을 위한 범용 코딩 표준, 모범 사례 및 패턴.

affaan-m
affaan-m
development
星标
150.4K
查看技能
08
frontend

frontend-patterns

React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。

affaan-m
affaan-m
development
星标
150.4K
查看技能
09
frontend

coding-standards

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

affaan-m
affaan-m
development
星标
150.4K
查看技能
10
frontend

frontend-patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

affaan-m
affaan-m
development
星标
150.4K
查看技能
11
frontend

coding-standards

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

affaan-m
affaan-m
development
星标
150.4K
查看技能
12
frontend

frontend-patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

affaan-m
affaan-m
development
星标
150.4K
查看技能
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
affaan-m
development
星标
150.4K
查看技能
14
frontend

frontend-patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

affaan-m
affaan-m
development
星标
150.4K
查看技能
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
affaan-m
development
星标
150.4K
查看技能
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
vercel
development
星标
138.8K
查看技能
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
supabase
development
星标
100.6K
查看技能
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
supabase
development
星标
100.6K
查看技能
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
supabase
development
星标
100.6K
查看技能
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
supabase
development
星标
100.6K
查看技能