api-design
REST API, GraphQL, and API design patterns and best practices
Discover tools full stack skills, compare source repositories and read the instructions for each workflow.
REST API, GraphQL, and API design patterns and best practices
React Native mobile development with core components, navigation, and platform-specific patterns
Node.js and Express development patterns and best practices
React, Next.js, and TypeScript development patterns and best practices
TypeScript fundamentals, advanced types, generics, and best practices for type-safe development
NestJS framework with TypeScript, decorators, dependency injection, and enterprise patterns
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Svelte frontend development for this Wails app. Use when building UI components, styling, working with Wails bindings, or implementing frontend features. Covers component patterns, CSS architecture, Elite Dange...
個性的で本格的なフロントエンドのユーザーインターフェースを高いデザイン品質で作成。ユーザーがWebコンポーネント、ページ、アプリケーションの構築を依頼した際に使用。汎用的なAI臭さを避けた、創造的で洗練されたコード...
Client component onClick/form → Server Action → set cookie. 'use client' calls 'use server' action using cookies() from next/headers.
SvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending UI, and hydration.
Next.js App Router (13+). Migrating from Pages, file conventions (layout, page, loading, error), routing patterns, metadata, generateStaticParams.
Next.js dynamic routes with [param] folders. Access via params prop (Server) or useParams() (Client). Next.js 15+: await params. Default to app/[id]/ not app/products/[id]/.
Advanced Next.js routing: Route Handlers (API routes), Server Actions ('use server'), Parallel Routes (@slot), Intercepting Routes ((.)), Error Boundaries, Draft Mode, Suspense streaming.
Server vs Client Components in Next.js App Router. Server is default (async, cookies, headers, searchParams). Client needs 'use client' (hooks, events, browser APIs).
GraphQL development best practices. Use when working with fragments, queries, mutations, or .graphql files.
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...
Vercel's Web Interface Guidelines for accessibility, performance, and UX best practices. Use when reviewing or writing frontend code to check for accessibility issues, focus states, form patterns, animation bes...
Build MCP (Model Context Protocol) servers to expose external APIs and services as tools for LLMs. WHEN: Creating new MCP servers, designing MCP tools, implementing MCP transport (stdio, SSE, HTTP), building ex...
JavaScript ES6+ patterns, async/await, modules, and modern JS best practices. WHEN: Writing JavaScript code, using ES6+ features (destructuring, spread, arrow functions), async/await patterns, array methods, mo...
Convex function patterns, validators, queries with indexes, mutations with auth checks, and real-time data. Use when writing Convex queries, mutations, actions, schema changes, or debugging Convex code.
React component patterns, Convex hooks, auth checks, loading states, design system classes. Use when creating React components, pages, or UI features.
Next.js 16 App Router development guide with latest patterns (params Promise, PageProps helpers, useActionState, Server Components, Cache Components, Proxy). Use when creating pages, layouts, routes, Server Act...
Latest framework knowledge and best practices for building web apps using Tanstack start with React + Vite.
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.