Best skills for Fullstack developer
As a fullstack developer, you constantly bridge front-end and back-end concerns. The most valuable AI skills for you are those that enforce design consistency and real-time communication. Domain-Driven Design (DDD) helps you align your codebase with business logic, avoiding anemic models and fat services. Focus on defining bounded contexts early—this prevents accidental coupling. The WebSocket Engineer skill is equally critical for handling persistent, bidirectional connections. Beware of common pitfalls like reconnection storms or state synchronization across instances; consider using a message broker or Redis to offload session management. These skills don't cover everything, but they build a solid foundation for modern web apps. Remember to pair DDD with tactical patterns like aggregates and repositories, and stress-test your WebSocket implementation under load. The best results come from combining theoretical understanding with hands-on experimentation.
24 skills selected
Zod - TypeScript Schema Validation
Development
Provides guidance on Zod schema validation, covering type inference, schema composition, parsing, refinements, transformations, error handling, and TypeScript integration. Ideal for building type-safe validation, form validation, and API input validation.
Pre-PR Preflight Check
Development
Runs a comprehensive set of checks on changed files before creating a pull request, covering TypeScript strictness, React patterns, route structure, data fetching, validation, environment variables, imports, dead code, security, git hygiene, performance, styling, dates, accessibility, and code style. Helps catch common issues early to speed up code review and reduce bugs.
Principal Architect MigrateIQ
Development
Principal architect for the MigrateIQ platform. Makes architectural decisions, reviews code, plans features, enforces consistency, and guides development across the full stack: SvelteKit 5, Tailwind CSS v4, TypeScript, Drizzle ORM/PostgreSQL, MCP server, and Claude Code skills. Use when planning new features, reviewing approaches, making technology choices, refactoring, or debugging architectural issues.
Project Templates
Development
Quick-start templates for scaffolding new projects. Contains 12 templates for various tech stacks.
Advanced TypeScript Patterns
Development
Master advanced TypeScript patterns: generic constraints, conditional types, branded types, discriminated unions, and utility type composition. Use for library design and type-safe code.
Electron App Scaffolder
Development
Scaffolds a production-ready Electron app with TypeScript, React, and Vite. Automatically sets up project structure, core dependencies, and optional features like SQLite (via Knex), Jest testing, and Storybook for component development.
Arcanea React & Next.js Performance Guide
Development
This skill provides 57 performance optimization rules for React 19 and Next.js 16, covering data fetching, bundle size, server-side rendering, client-side rendering, and re-render optimization. It helps developers eliminate waterfalls, reduce bundle size, and improve overall frontend performance in the Arcanea platform.
Formisch Usage
Development
Skill for form handling with Formisch, the type-safe, headless form library. Use when creating forms, managing state, validating inputs, and integrating with Valibot schemas.
Datagrok UI Building Guidelines
Development
Rules and patterns for building Datagrok TypeScript UI: lazy tabs, grids, viewers, layouts, dialogs, and popup toggle menus.
Project Briefing
Development
Complete briefing for creating institutional sites and landing pages using React + Next.js and Tailwind CSS v4. Asks questions step by step and only executes after full briefing.
TypeScript MCP Server Expert
Development
Expert in building Model Context Protocol (MCP) servers using the TypeScript SDK. Covers transport selection (HTTP/stdio), tool design with zod validation, and production best practices. Use when implementing or debugging MCP servers within the awesome-copilot-root plugin.
Effect-Atom Integration
Development
Bridges Effect-TS services with React via reactive atoms. Atom-as-State doctrine for canonical state management.
Next.js App Router Project Structure
Development
Organizes Next.js App Router projects with folders for pages, components, features, utilities, and hooks.
Creating Services with Effect v4
Development
Learn to create services using Context.Service, IdentityComposer keys, and Layer composition in Effect v4. Covers dependency injection and best practices for consuming services.
New Boss Creation
Development
Skill to add a new boss to an online RPG game, handling server configuration, enemy class, spawn manager, game engine, and client visualization.
3D Scroll-Animated Websites
Development
Complete pipeline to build premium scroll-animated websites with sticky canvas, frame sequences, and smooth scroll. Covers Next.js, Lenis, Framer Motion, and performance hardening.
Create API Service Layer
Development
Creates the complete data layer for a new API resource: types (snake_case API mirror), contracts (camelCase app model), pure adapters with inbound/outbound mappings, and a service using HttpClient. Follows strict rules (no try/catch, no mapping/filtering in service, pure adapter functions). Helps when adding API integration to a module, ensuring separation between API and app layers.
Next.js Scaffolding
Development
Generate Next.js pages, API routes, server components, layouts, and middleware following project conventions.
Technical SEO for Next.js
Development
Defines SEO as a system integrity discipline for Next.js App Router applications. It ensures the application provides deterministic signals to search engine crawlers by enforcing correct metadata architecture, canonical URLs, sitemaps, JSON-LD, and semantic structure. This skill helps prevent common SEO mistakes like client-side-only metadata and 'cargo cult' tag stuffing.
Add Content & Assets to OSRS Game
Development
Add new game content (enemies, towers, spells, items) and integrate sprites/sounds from the OSRS cache. Emphasizes data tables, union types, and the asset pipeline.
CCXT for TypeScript and JavaScript
Development
Comprehensive guide to using CCXT in TypeScript/JavaScript for crypto exchange integration, covering REST and WebSocket APIs, authentication, and examples.
Vue Component Development and Code Review
Development
Skill for Vue component development and code review. In development mode, it generates high-quality Vue components and composables from user descriptions. In review mode, use /vue <path> to analyze Vue files and produce a structured report with checkpoints.
Next.js App Router & Server Components
Development
Build Next.js 15 applications using App Router, Server Components, Client Components, Server Actions, and streaming. Enforces server components by default, proper data fetching patterns, file-based routing, and performance optimization. Apply when creating pages, implementing routes, or optimizing Next.js performance.
Schema Validation with Zod v4
Development
A TypeScript-first schema validation library that infers static types from schemas and validates data at runtime. Use it to enforce data integrity, parse external inputs safely, and reduce boilerplate in TypeScript projects.
How to choose
- How are these skills selected?
- An algorithm picks them among the published skills that match this page's criteria, such as category, tags or compatible tools. It ranks them by the quality score a language model gave them. On ranking pages, it also weighs GitHub stars and the security rating. Nobody reviews them one by one.
- What do the security ratings mean?
- A language model reads the SKILL.md file, without running it, and gives it a rating. Safe means it sees no meaningful execution risk. Caution means the skill uses powerful tools such as bash, docker or the network for a legitimate purpose. Risky means it asks for destructive actions, for secrets to be sent out, or for obfuscated code to run; a skill rated Risky is never published. The rating does not replace your own reading of the file.
- How do I install a skill?
- Open any skill page and follow its install instructions for your tool — Claude Code, Cursor or Copilot. Each skill lists the exact steps so you can get it running in a couple of minutes.