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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Creating EmDash Plugins
Development
Learn to create EmDash CMS plugins with hooks, storage, settings, admin UI, API routes, and custom block types for both standard and native formats.
EdgeOne Pages Neon Cyber Mall
Development
Build and deploy a full-stack online mall (Web + Admin + Mini Program + API) on Tencent EdgeOne Pages with a neon cyberpunk style.
Next.js Scaffolding
Development
Generate Next.js pages, API routes, server components, layouts, and middleware following project conventions.
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.
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.
Next.js App Router Project Structure
Development
Organizes Next.js App Router projects with folders for pages, components, features, utilities, and hooks.
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.
Coding Standards & Best Practices
Development
Universal coding standards and best practices for TypeScript, JavaScript, React, and Node.js development.
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.
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.
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.
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.