Skip to main content
skillsmp

菜单

全栈开发

浏览端到端 Web 应用开发的 agent skills

分类、GitHub Stars 和来源更新时间只用于组织与排序目录，不代表 SkillsMP 背书、质量认证、安全审核或适用性保证。使用前请进入详情页检查来源。

17,514 个结果

nextjs-turbopack
276.5k
affaan-maffaan-m/ECC
Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

Skill 内容语言： 英语

nextjs-turbopack
276.5k
affaan-maffaan-m/ECC
Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

Skill 内容语言： 英语

nextjs-turbopack
276.5k
affaan-maffaan-m/ECC
Next.js 16+ y Turbopack — bundling incremental, caché en sistema de archivos, velocidad de desarrollo y cuándo usar Turbopack frente a webpack.

Skill 内容语言： 西班牙语

coding-standards
276.5k
affaan-maffaan-m/ECC
TypeScript、JavaScript、React、Node.js開発のための汎用コーディング標準、ベストプラクティス、パターン。

Skill 内容语言： 日语

nuxt4-patterns
276.5k
affaan-maffaan-m/ECC
ハイドレーション安全性、パフォーマンス、ルートルール、遅延ロード、useFetchとuseAsyncDataを使ったSSR安全なデータフェッチングのためのNuxt 4アプリパターン。

Skill 内容语言： 日语

tinystruct-patterns
276.5k
affaan-maffaan-m/ECC
tinystruct Java フレームワークで開発する際の専門ガイダンス。tinystruct コードベース、または tinystruct 上に構築されたあらゆるプロジェクトで作業する際に使用します — プロジェクトに存在しない場合の bin/dispatcher・bin/dispatcher.cmd 起動スクリプトの生成、Application クラスの作成、@Action によるルート定義、ユニットテスト、ActionRegistry、HTTP/CLI デュアルモード対応、組み込み HTTP サーバー、イベントシステム、Builder/Builders による JSON 処理、AbstractData によるデータベース永続化、POJO 生成、Server-Sent Events (SSE)、ファイルアップロード、アウトバウンド HTTP 通信を含みます。

Skill 内容语言： 日语

frontend-patterns
276.5k
affaan-maffaan-m/ECC
React, Next.js, state yönetimi, performans optimizasyonu ve UI en iyi uygulamaları için frontend geliştirme kalıpları.

Skill 内容语言： 土耳其语

nextjs-turbopack
276.5k
affaan-maffaan-m/ECC
Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

Skill 内容语言： 土耳其语

nestjs-patterns
276.5k
affaan-maffaan-m/ECC
NestJS 架构模式，涵盖模块、控制器、提供者、DTO 验证、守卫、拦截器、配置以及生产级 TypeScript 后端。
nuxt4-patterns
276.5k
affaan-maffaan-m/ECC
Nuxt 4 应用模式，涵盖水合安全、性能优化、路由规则、懒加载，以及使用 useFetch 和 useAsyncData 进行 SSR 安全的数据获取。
nextjs-turbopack
276.5k
affaan-maffaan-m/ECC
Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

Skill 内容语言： 英语

rails-patterns
276.5k
affaan-maffaan-m/ECC
Ruby on Rails framework patterns for Rails 7.1+ and 8.x apps. Covers the directory contract, skinny controllers with service objects, form objects, query objects, idiomatic ActiveRecord, background jobs, ViewComponent, Hotwire, and the Rails 8 Solid stack. Use when building or reviewing Rails apps, controllers, models, services, jobs, or views.

Skill 内容语言： 英语

vue-patterns
276.5k
affaan-maffaan-m/ECC
Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns. Activates for Vue, Nuxt, Vite, or Pinia projects. Use when building or reviewing Vue 3, Nuxt, or Pinia code — Composition API, reactivity, or router navigation.

Skill 内容语言： 英语

brag-slim
252.7k
NousResearchNousResearch/hermes-agent
Launch video from a project or URL, upstream-maintained.

Skill 内容语言： 英语

project-setup-info-context7
193.6k
microsoftmicrosoft/vscode
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

Skill 内容语言： 英语

project-setup-info-local
193.6k
microsoftmicrosoft/vscode
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

Skill 内容语言： 英语

webgl-pixel-reveal-gallery
100.5k
nexu-ionexu-io/open-design
A scroll-reactive masonry gallery (Three.js + GSAP) where each image develops from a pixel/grid dissolve on viewport entry, with a split-text heading and click-to-fullscreen Flip.

Skill 内容语言： 英语

frontend-dev
100.5k
nexu-ionexu-io/open-design
Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.

Skill 内容语言： 英语

material-ui-nextjs
99.2k
muimui/material-ui
Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app.

Skill 内容语言： 英语

onboard
97.3k
ruvnetruvnet/RuView
Zero-to-sensing path picker for RuView (WiFi-DensePose) — pick docker-demo, repo-build, or live-esp32 and run the next concrete step.

Skill 内容语言： 英语

adr-index
74.3k
ruvnetruvnet/ruflo
Build or rebuild the ADR index + dependency graph by running scripts/import.mjs (handles v3-style and plugin-style ADR formats; one Bash call vs hundreds of MCP round-trips)

Skill 内容语言： 英语

browser-record
74.3k
ruvnetruvnet/ruflo
Open a named, traced browser session into an RVF cognitive container with a ruvector trajectory recording every action

Skill 内容语言： 英语

replit
69.4k
asgeirtjasgeirtj/system_prompts_leaks
Read, create, update, and publish apps through Replit's official MCP server.

Skill 内容语言： 英语

remotion-saas
63.2k
remotion-devremotion-dev/remotion
Build an app with Remotion

Skill 内容语言： 英语

tsdown
50.3k
moeru-aimoeru-ai/airi
Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.

Skill 内容语言： 英语

vue-best-practices
50.3k
moeru-aimoeru-ai/airi
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.

Skill 内容语言： 英语

ccxt-csharp
44.3k
ccxtccxt/ccxt
CCXT cryptocurrency exchange library for C# and .NET developers. Covers both REST API (standard) and WebSocket API (real-time). Helps install CCXT, connect to exchanges, fetch market data, place orders, stream live tickers/orderbooks, handle authentication, and manage errors in .NET projects. Use when working with crypto exchanges in C# applications, trading systems, or financial software. Supports .NET Standard 2.0+.

Skill 内容语言： 英语

ccxt-java
44.3k
ccxtccxt/ccxt
CCXT cryptocurrency exchange library for Java developers. Covers both REST API (standard) and WebSocket API (real-time). Helps install CCXT, connect to exchanges, fetch market data, place orders, stream live tickers/orderbooks, handle authentication, and manage errors in Java projects. Use when working with crypto exchanges in Java applications, trading systems, or financial software. Requires Java 21+.

Skill 内容语言： 英语

ccxt-typescript
44.3k
ccxtccxt/ccxt
CCXT cryptocurrency exchange library for TypeScript and JavaScript developers (Node.js and browser). Covers both REST API (standard) and WebSocket API (real-time). Helps install CCXT, connect to exchanges, fetch market data, place orders, stream live tickers/orderbooks, handle authentication, and manage errors. Use when working with crypto exchanges in TypeScript/JavaScript projects, trading bots, arbitrage systems, or portfolio management tools. Includes both REST and WebSocket examples.

Skill 内容语言： 英语

nextjs-app-router
40.7k
trpctrpc/trpc
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.

Skill 内容语言： 英语

adapter-express
40.7k
trpctrpc/trpc
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.

Skill 内容语言： 英语

nextjs-app-router-patterns
40.4k
wshobsonwshobson/agents
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.

Skill 内容语言： 英语

novu-framework-integration
40.1k
novuhqnovuhq/novu
Build code-first notification workflows with @novu/framework. Use when defining workflows in TypeScript (Zod / JSON Schema / Class Validator), composing channel steps (email, SMS, push, chat, in-app) with action steps (delay, digest, custom), exposing Step Controls for non-technical teammates, rendering React/Vue/Svelte Email templates, hosting the Bridge Endpoint inside Next.js, Express, NestJS, Remix, Nuxt, SvelteKit, H3, or AWS Lambda, syncing to Novu Cloud via CLI / GitHub Actions, securing production with HMAC, or implementing translations, hydration, multi-channel orchestration, and LLM-powered notification logic in code.

Skill 内容语言： 英语

create-spring-boot-java-project
39.9k
githubgithub/awesome-copilot
Create Spring Boot Java Project Skeleton

Skill 内容语言： 英语

java-mcp-server-generator
39.9k
githubgithub/awesome-copilot
Generate a complete Model Context Protocol server project in Java using the official MCP Java SDK with reactive streams and optional Spring Boot integration.

Skill 内容语言： 英语

mvvm-toolkit-di
39.9k
githubgithub/awesome-copilot
Wire CommunityToolkit.Mvvm ViewModels into Microsoft.Extensions.DependencyInjection. Covers the .NET Generic Host composition root, constructor injection, service lifetimes (Singleton / Transient / Scoped), IMessenger registration, resolving ViewModels in Views, keyed services, testing seams, and the legacy Ioc.Default escape hatch. Use across WPF, WinUI 3, .NET MAUI, Uno, and Avalonia.

Skill 内容语言： 英语

ruby-mcp-server-generator
39.9k
githubgithub/awesome-copilot
Generate a complete Model Context Protocol server project in Ruby using the official MCP Ruby SDK gem.

Skill 内容语言： 英语

rust-mcp-server-generator
39.9k
githubgithub/awesome-copilot
Generate a complete Rust Model Context Protocol server project with tools, prompts, resources, and tests using the official rmcp SDK

Skill 内容语言： 英语

swift-mcp-server-generator
39.9k
githubgithub/awesome-copilot
Generate a complete Model Context Protocol server project in Swift using the official MCP Swift SDK package.

Skill 内容语言： 英语

typescript-mcp-server-generator
39.9k
githubgithub/awesome-copilot
Generate a complete MCP server project in TypeScript using the MCP TypeScript SDK v2 (@modelcontextprotocol/server) with tools, resources, and proper configuration

Skill 内容语言： 英语

developing-web-clipper
38.3k
TriliumNextTriliumNext/Trilium
Use when working on Trilium's browser extension, the web clipper (`apps/web-clipper`, built with WXT for Chrome MV3 and Firefox MV2) — its background script, content script (selection, screenshots, toasts), the injected Defuddle script, the Preact popup and options page, `wxt.config.ts` (manifest, keyboard `commands`, the Firefox sources zip), or the server side it talks to (`apps/server/src/routes/api/clipper.ts`, `/api/login/token`, the desktop port). Covers the message protocol between the extension's parts, how it finds and authenticates to Trilium, the compatibility rule with older Trilium versions, styling the pages in the Next theme from the client's own stylesheets, running and building it, the `fakeBrowser` spec patterns and the 100% coverage gate, and the traps already hit (undeclared commands, image placeholders, `$&` in `replaceAll()` replacements, `javascript:` links, the sources zip).

Skill 内容语言： 英语

v-veb
38.0k
vlangvlang/v
Writing V web applications with veb - the App and Context structs, route attributes with path parameters, ctx.html and ctx.json, templates with $tmpl and $veb.html, middleware with Middleware.use and route_use, shared state with shared and lock, and static file mounting. Use when creating or changing a veb server, adding a route or handler, returning JSON or HTML, adding middleware, or serving files. Does not cover concurrency in general (see v-concurrency), the language rules (see v-lang), the build loop (see v-workflow), scripting a task in V (see v-scripts), or the wider command surface (see v-tools).

Skill 内容语言： 英语

convex
32.6k
davila7davila7/claude-code-templates
Convex reactive backend expert: schema design, TypeScript functions, real-time subscriptions, auth, file storage, scheduling, and deployment.

Skill 内容语言： 英语

dotnet-backend
32.6k
davila7davila7/claude-code-templates
Build ASP.NET Core 8+ backend services with EF Core, auth, background jobs, and production API patterns.

Skill 内容语言： 英语

render-deploy
32.6k
davila7davila7/claude-code-templates
Deploy applications to Render by analyzing codebases, generating render.yaml Blueprints, and providing Dashboard deeplinks. Use when the user wants to deploy, host, publish, or set up their application on Render's cloud platform.

Skill 内容语言： 英语

senior-architect
32.6k
davila7davila7/claude-code-templates
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.

Skill 内容语言： 英语

senior-frontend
32.6k
davila7davila7/claude-code-templates
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

Skill 内容语言： 英语

senior-fullstack
32.6k
davila7davila7/claude-code-templates
Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.

Skill 内容语言： 英语