skills.rest
aidankang
aidankangCOMMUNITY
Explore all skills by this author →
GitHub

full-stack

Coordinate FastAPI backend and Next.js frontend changes for full-stack features.

Updated Aug 27, 2026
Search Tags:#web development#full-stack#frontend#backend#api development#feature implementation
One-click install
npx skills add https://github.com/aidankang/resume-matcher-gcp-functions --skill full-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: full-stack
Source: https://github.com/aidankang/resume-matcher-gcp-functions/tree/main/.github/skills/full-stack
Command: npx skills add https://github.com/aidankang/resume-matcher-gcp-functions --skill full-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development process for features that require simultaneous changes in both the backend and frontend, ensuring a cohesive and integrated user experience.

Core Features & Use Cases

  • End-to-End Feature Development: Manages the creation of new API endpoints, data model updates, and the corresponding UI elements.
  • Synchronized Development: Facilitates a workflow where API contracts are designed first, followed by backend and frontend implementation, and finally end-to-end verification.
  • Use Case: When adding a new user profile section to the application, this skill guides the creation of the new API route for profile data, the backend logic to store it, and the frontend components to display and edit it.

Quick Start

Implement a new feature that requires both backend and frontend changes by first designing the API contract.

Frequently Asked Questions about full-stack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I coordinate backend and frontend development for a new feature?▼

To coordinate backend and frontend development, you design the API contract first, implement the backend logic and frontend components, and verify the end-to-end flow to ensure a cohesive user experience.

What is the best way to manage new API endpoints and data model updates across the stack?▼

Managing new API endpoints and data model updates requires synchronized development, starting with API contract design, followed by backend data logic implementation and frontend UI integration.

Can I use this full-stack development approach with FastAPI and Next.js?▼

Yes, this full-stack development approach explicitly manages end-to-end flows using FastAPI for the backend and Next.js for the frontend, enforcing strict rules for type hinting, error logging, and UI styling.

How do I implement a new user profile section spanning both backend and frontend layers?▼

Implementing a new user profile section involves creating the API route for profile data, writing backend logic to store it, and building frontend components to display and edit the information.

Do I need to design the API contract first before implementing full-stack features?▼

Yes, you need to design the API contract first before implementing full-stack features to facilitate a synchronized workflow that ensures cohesive integration between backend and frontend changes.

Related Skills

Explore More Software Engineering Skills→
senior-sigansenior-sigan

design

Design system architectures and API specifications for scalable software.

Community
Advanced
jiikkojiikko
2

smoke-test

Automate end-to-end sanity checks using the tt-client binary.

Community
Basic
adelabdelgawadadelabdelgawad

schema-type-consistency

Align Python Pydantic schemas with TypeScript types and CamelCase JSON contracts.

Community
Advanced
hanibalskhanibalsk
3

subagent-driven-development

Execute implementation plans by dispatching fresh subagents with code reviews between tasks.

Community
Advanced