full-stack-development_skill

Overview

This skill covers building end-to-end applications by integrating user interfaces with server logic and databases. It emphasizes practical competency across front-end and back-end technologies and patterns for delivering complete, production-ready features. The skill enables developers to design APIs, wire UIs to persistent storage, and choose unified tech stacks for efficiency.

How this skill works

The skill inspects and guides the full lifecycle of a feature: UI design, client-side logic, server routes, and data persistence. It recommends stack choices that allow code reuse (for example, JavaScript/TypeScript across Node.js and React) and outlines how to connect front-end components to RESTful or GraphQL endpoints. It also surfaces common integration tasks like schema design, authentication, and deployment considerations.

When to use it

• Building a new web application that needs both front-end UI and back-end services
• Designing or refactoring an API and its consuming front-end
• Prototyping features quickly using a single language across client and server
• Integrating a front-end with databases or external services
• Reviewing pull requests that touch both UI and server logic

Best practices

• Maintain clear separation of concerns: UI components manage presentation, back-end handles business logic and data access
• Prefer a unified language (e.g., JavaScript/TypeScript) when it reduces friction and duplicated models
• Design APIs with versioning and predictable error handling; document endpoints and contracts
• Model your database schemas to match application access patterns and use migrations for schema changes
• Automate testing across the stack: unit tests for components, integration tests for APIs, and end-to-end tests for user flows

Example use cases

• Create a React single-page app with a Node.js/Express API and a PostgreSQL database for user and product data
• Design a GraphQL server that aggregates multiple microservices and build a front-end that queries only required fields
• Refactor a legacy monolith by extracting an API layer and creating a modern client using a JS framework
• Implement authentication, session management, and role-based access control across client and server
• Review a pull request that introduces schema changes and update both back-end migrations and front-end data models