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
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.
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.
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.
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.
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.
TypeScript Error Handling Patterns
Development
Provides reusable error handling patterns for TypeScript applications including custom error classes, a Result type for explicit error propagation, React error boundaries, and async try-catch wrappers. Helps ensure robust error management with proper HTTP status codes and actionable error messages.
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.
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.
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.
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.
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 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.
manus-talk-to-my-lawyer Development Patterns
Development
Teaches development patterns for manus-talk-to-my-lawyer, a TypeScript/Vite legal technology platform. Covers phase-based workflows, comprehensive testing, Drizzle database migrations, Stripe payment integration, and email notifications via tRPC. Helps when building multi-role full-stack applications with checkpoint commits and automated schema management.
Node.js Backend with Express and TypeScript
Development
Node.js 20 LTS runtime for building Express and TypeScript backend services. Handles async operations, database connections with PostgreSQL, image processing with Sharp, and environment configuration. Use when working on server-side JavaScript with modern module system and TypeScript.
Fix TypeScript Errors
Development
Fixes TypeScript errors by identifying root causes, applying minimal fixes (preferring proper types over `any` or `@ts-ignore`), and verifying compilation with `tsc --noEmit`. Helps maintain a clean TypeScript codebase.
Generate CLI Wrapper Code for MCP Servers
Development
This skill generates production-ready CLI wrapper code for MCP servers using progressive disclosure patterns. It reads MCP server configurations and creates complete Python or TypeScript wrappers with help systems, argument parsing, error handling, and output formatting.
TypeScript and ESLint Check & Fix
Development
Run TypeScript type-check and ESLint, then fix any errors found. Use when you need to validate code quality or fix linting issues.
Claude Agent SDK Development
Development
This skill specializes in the Claude Agent SDK, covering API functions (query, tool, createSdkMcpServer), configuration options, agent definitions, MCP server setups, hook events, permission modes, file checkpointing, and session management. It offers accurate TypeScript code examples and best practices for building and integrating agents. Use it when you need detailed guidance on SDK usage, including security considerations and trade-offs for different approaches.
Create New Package
Development
Scaffolds a new package in the Topographic Studio monorepo. Creates the full file structure (package.json, tsconfig, tsup.config, README, src/index.ts) and installs dependencies. Helpful for quickly adding a library, UI component, or utility to the monorepo.
React Native Screen Component Creation
Development
Creates a React Native screen component file in src/screens/. Used when adding a new screen, such as 'home screen' or 'profile screen'. The skill generates a TypeScript file with a basic template including flexbox layout, StatusBar, and proper naming conventions.
Git Worktree Creator
Development
Creates isolated git worktrees with separate Next.js dev servers on unique ports (9653 + offset). Use it when you need to work on multiple branches simultaneously or run parallel instances in isolated environments.
Custom React Query Hook
Development
Generates a custom TanStack Query hook for data fetching, including queries and mutations. It reads the backend controller to confirm endpoint URLs and response types, then produces a typed hook using the project's Axios instance. Useful when creating API integration hooks that must follow team conventions and avoid stale cached data.
Effect Schema Type Parity
Development
Defines Effect schemas that are verified against domain types using `satisfies` and `tsafe` assertions for type parity. Helps when authoring or updating schema definitions, or when the user mentions schema/type parity, `satisfies`, or `Equals` checks.
Zod 4 Schema Validation - Patterns & Breaking Changes
Development
Covers Zod 4 schema validation patterns, including breaking changes from version 3 such as top-level validators (z.email(), z.uuid()) and the error parameter instead of message. Helps when migrating from Zod 3 to 4 or when writing schemas with Zod 4's new syntax.
How to choose
- How are these skills selected?
- Each skill is curated and verified by the Skills Guides editorial team. We run a security and quality review on every entry, so only verified skills appear in this selection.
- What do the security ratings mean?
- We label skills Safe, Caution or Risky based on our security analysis — checking for prompt-injection risks, requested permissions and other red flags. The rating gives you an at-a-glance sense of how much trust a skill warrants.
- 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.