frontend-design-complete
Create distinctive, production-grade frontend interfaces with high design quality AND comprehensive mobile responsiveness. Combines aesthetic guidelines with mobile-first patterns, form consistency, and color c...
Discover tools full stack skills, compare source repositories and read the instructions for each workflow.
Create distinctive, production-grade frontend interfaces with high design quality AND comprehensive mobile responsiveness. Combines aesthetic guidelines with mobile-first patterns, form consistency, and color c...
Comprehensive performance analysis and optimization for Next.js applications using Neon Postgres. Identifies bottlenecks across frontend, backend, and database layers.
Create optimized, secure multi-stage Dockerfiles for React applications (Vite, CRA, Next.js static). Use when (1) creating a new Dockerfile for a React project, (2) containerizing a React/Vite application, (3)...
Deploy static sites with Azure Static Web Apps. Configure API routes, authentication, custom domains, and staging environments. Use for JAMstack, SPAs, static sites, and serverless backends on Azure.
ReactコンポーネントとTailwind CSSスタイリングの実装パターン提供
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...
Specialized skill for working with NextAuth.js authentication including session management, JWT tokens, role-based access control, and protected routes. Use when implementing authentication features, securing r...
Skill experta en desarrollo Backend con Supabase, Postgres y RLS.
Standards for React / TypeScript development
Fix "INVALID_KEY: Namespace keys can not contain the character '.'" error in next-intl. Use when: (1) Getting INVALID_KEY error with dots in translation keys, (2) Migrating from flat key structure to next-intl,...
Build apps with natural language using GitHub Copilot Spark. Perfect for rapid prototyping, teaching non-coders, and exploring ideas before committing to full implementation. Triggers on spark, prototype, app b...
This skill should be used when the user asks to "build a UI", "create a component", "design a page", "build a frontend", or mentions web development tasks. Also invoke when user says "make this look good", "imp...
Build modern React applications with TypeScript. Covers React 18+ patterns, hooks, component architecture, state management (Zustand, Redux Toolkit), server components, and best practices. Use for React develop...
Design, document, and generate APIs using OpenAPI/Swagger specifications. Create interactive API documentation, generate client SDKs, validate schemas, and build mock servers. Use when designing REST APIs, crea...
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palette...
AI-powered UI generation via v0 MCP. Create chats, generate React components, get design assistance. Use when building UI components, dashboards, or need AI design help.
Astro v5 features, patterns, and best practices for building static sites with dynamic islands. Use when creating pages, components, content collections, or configuring Astro.
Backend engineering for Skriptoteket (FastAPI monolith): architecture + file tree navigation (DDD/Clean layers), protocol-first DI, Unit of Work + transactions, DomainError semantics, core data shapes/contracts...
Use when deploying applications, configuring Vercel projects, setting up environment variables, domains, or optimizing for Vercel's edge network. Specializes in vercel.json configuration, edge functions, and de...
Configures Vite 5.x build tool, dev server, and frontend asset optimization for the Luxia e-commerce platform. Use when: configuring builds, adding environment variables, optimizing bundle size, setting up test...
Fix for NextResponse.redirect going to wrong host (localhost:8080) on Railway, Vercel, or containerized deployments. Use when: (1) redirects work locally but go to localhost in production, (2) console shows ERR...
Security practices for React (XSS, Auth, Dependencies).
This skill should be used when the user asks to "configure webpack", "set up vite", "configure build", "optimize bundle", "tree shaking", "code splitting", "gradle build", "xcode build", "foundry build", "turbo...
REST controller patterns, request handling, validation, exception handling, and WebFlux.
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.