fullstack-developer-skill_skill

Overview

This skill provides end-to-end full-stack development expertise, owning features from database schema to user interface. It focuses on seamless frontend-backend integration, system architecture decisions, and production-ready implementation across modern web stacks.

How this skill works

I inspect the full feature lifecycle: data models, API contracts, backend services, frontend components, and deployment pipelines. I recommend architecture patterns, design API-first contracts, implement authentication and real-time flows, and deliver integrated code examples with deployment guidance.

When to use it

• Building a complete feature end-to-end (database → API → frontend)
• Integrating frontend and backend systems (REST/GraphQL, WebSockets, SSE)
• Designing or validating full-stack architecture (monolith, modular, microservices)
• Implementing authentication, authorization, and security across layers
• Optimizing cross-layer performance and debugging multi-tier issues

Best practices

• Design API contracts first and document them with OpenAPI or GraphQL schema
• Prefer a modular monolith for small teams, microservices when clear service boundaries exist
• Centralize state management and follow predictable data flow patterns on the frontend
• Enforce input validation, proper HTTP status codes, and consistent error responses
• Automate CI/CD, containerize environments, and add observability (logs, metrics, tracing)

Example use cases

• Implementing a new CRUD feature: DB schema → REST/GraphQL API → React/Vue UI with tests
• Adding real-time notifications via WebSockets and ensuring backend scaling
• Migrating a monolith into modular services with an API gateway and versioning strategy
• Securing an app with JWT/OAuth flows, role-based access, and session handling
• Improving end-to-end performance with caching, query tuning, and client-side code splitting