home/Leaderboard/full-stack
live ranking

Top Skills by Category

Switch categories to browse the 20 highest-starred skills in each capability cluster.

Full StackDevelopmentTop 20Open category page
active category
Full Stack
2850 skills
ranking size
20
top entries per category
parent domain
Development
63 tracked categories
top 3 spotlight

Full Stack

Tools covering both frontend and backend dev.

stars-based
#1
full-stack
183.7K

project-setup-info-context7

Comprehensive setup steps to help the user create complete project structures in a VS Code workspace. This tool is designed for full project initialization and scaffolding, not for creating individual files. When to use this tool: when the user wants to create a new complete project from scratch; when setting up entire project frameworks (TypeScript projects, React apps, Node.js servers, etc.); when initializing Model Context Protocol (MCP) servers with full structure; when creating VS Code extensions with proper scaffolding; when setting up Next.js, Vite, or other framework-based projects; when the user asks for "new project", "create a workspace", or "set up a [framework] project"; when you need to establish a complete development environment with dependencies, config files, and folder structure. When NOT to use this tool: when creating single files or small code snippets; when adding individual files to existing projects; when making modifications to existing codebases; when the user asks to "create a file

microsoft
microsoft
development
open
#2
full-stack
183.7K

project-setup-info-local

Comprehensive setup steps to help the user create complete project structures in a VS Code workspace; this tool is designed for full project initialization and scaffolding, not for creating individual files. When to use this tool: user wants to create a new complete project from scratch; setting up entire project frameworks (TypeScript projects, React apps, Node.js servers, etc.); initializing Model Context Protocol (MCP) servers with full structure; creating VS Code extensions with proper scaffolding; setting up Next.js, Vite, or other framework-based projects; user asks for "new project", "create a workspace", "set up a [framework] project"; need to establish a complete development environment with dependencies, config files, and folder structure. When NOT to use this tool: creating single files or small code snippets; adding individual files to existing projects; making modifications to existing codebases; user asks to "create a file" or "add a component"; simple code examples or demonstrations; debugging

microsoft
microsoft
development
open
#3
full-stack
150.4K

nextjs-turbopack

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

affaan-m
affaan-m
development
open
full ranking

Full Stack

Ranking is based on GitHub stars within the currently selected category.

2850 skillsEstrelas
04
full-stack

nextjs-turbopack

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

affaan-m
affaan-m
development
Estrelas
150.4K
View skill
05
full-stack

coding-standards

TypeScript、JavaScript、React、Node.js開発のための汎用コーディング標準、ベストプラクティス、パターン。

affaan-m
affaan-m
development
Estrelas
150.4K
View skill
06
full-stack

frontend-patterns

React, Next.js, state yönetimi, performans optimizasyonu ve UI en iyi uygulamaları için frontend geliştirme kalıpları.

affaan-m
affaan-m
development
Estrelas
150.4K
View skill
07
full-stack

nextjs-turbopack

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

affaan-m
affaan-m
development
Estrelas
150.4K
View skill
08
full-stack

backend-patterns

后端架构模式、API设计、数据库优化以及适用于Node.js、Express和Next.js API路由的服务器端最佳实践。

affaan-m
affaan-m
development
Estrelas
150.4K
View skill
09
full-stack

coding-standards

适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。

affaan-m
affaan-m
development
Estrelas
150.4K
View skill
10
full-stack

django-patterns

Django架构模式,使用DRF设计REST API,ORM最佳实践,缓存,信号,中间件,以及生产级Django应用程序。

affaan-m
affaan-m
development
Estrelas
150.4K
View skill
11
full-stack

nuxt4-patterns

Nuxt 4 应用模式,涵盖水合安全、性能优化、路由规则、懒加载,以及使用 useFetch 和 useAsyncData 进行 SSR 安全的数据获取。

affaan-m
affaan-m
development
Estrelas
150.4K
View skill
12
full-stack

nuxt4-patterns

Nuxt 4 app patterns for hydration safety, performance, route rules, lazy loading, and SSR-safe data fetching with useFetch and useAsyncData.

affaan-m
affaan-m
development
Estrelas
150.4K
View skill
13
full-stack

orpc-contract-first

Guide for implementing oRPC contract-first API patterns in Dify frontend. Triggers when creating new API contracts, adding service endpoints, integrating TanStack Query with typed contracts, or migrating legacy service calls to oRPC. Use for all API layer work in web/contract and web/service directories.

langgenius
langgenius
development
Estrelas
126.5K
View skill
14
full-stack

fullstack-developer

Modern web development expertise covering React, Node.js, databases, and full-stack architecture. Use when: building web applications, developing APIs, creating frontends, setting up databases, deploying web apps, or when user mentions React, Next.js, Express, REST API, GraphQL, MongoDB, PostgreSQL, or full-stack development.

Shubhamsaboo
Shubhamsaboo
development
Estrelas
105.1K
View skill
15
full-stack

modern-tools

Use when working with tools-core utilities, rspack integration, or modern tooling. Covers logging, npm management, process spawning, git helpers, and Meteor app configuration APIs.

meteor
meteor
development
Estrelas
44.8K
View skill
16
full-stack

nextjs-app-router

Full end-to-end tRPC setup for Next.js App Router. Covers route handler with fetchRequestHandler (GET + POST exports), TRPCProvider with QueryClientProvider, createTRPCOptionsProxy for RSC prefetching, HydrateClient/HydrationBoundary for hydration, useSuspenseQuery for Suspense, and server-side callers.

trpc
trpc
development
Estrelas
40K
View skill
17
full-stack

adapter-express

Mount tRPC as Express middleware with createExpressMiddleware() from @trpc/server/adapters/express. Access Express req/res in createContext via CreateExpressContextOptions. Mount at a path prefix like app.use('/trpc', ...). Avoid global express.json() conflicting with tRPC body parsing for FormData.

trpc
trpc
development
Estrelas
40K
View skill
18
full-stack

vue-best-practices

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

moeru-ai
moeru-ai
development
Estrelas
37.7K
View skill
19
full-stack

nextjs-app-router-patterns

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.

wshobson
wshobson
development
Estrelas
33.4K
View skill
20
full-stack

tailwind-design-system

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

wshobson
wshobson
development
Estrelas
33.4K
View skill