skills.rest
Rosetears520
Rosetears520COMMUNITY
Explore all skills by this author →
GitHub

fullstack-dev

Coordinate backend and frontend architecture for full-stack TypeScript apps.

2|Updated May 3, 2026
Search Tags:#authentication#database migrations#full-stack#api integration#production hardening#backend api#realtime sse
One-click install
npx skills add https://github.com/Rosetears520/aili-workflows --skill fullstack-dev-rosetears520
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fullstack-dev
Source: https://github.com/Rosetears520/aili-workflows/tree/main/skills/fullstack-dev
Command: npx skills add https://github.com/Rosetears520/aili-workflows --skill fullstack-dev-rosetears520

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you design and implement full-stack applications end-to-end—covering architecture, API design, authentication, database access, realtime integration, and production readiness—so you can avoid broken boundaries and flaky releases.

Core Features & Use Cases

  • End-to-end full-stack workflow: Define requirements, make key architectural decisions, scaffold with checklists, implement agreed patterns, and complete with verification gates.
  • Backend + frontend integration: Establish API client wiring, auth flows, CORS behavior, error mapping, and file upload/realtime integration.
  • Production hardening mindset: Typed error handling, structured logging, health checks, graceful shutdown, and deployment readiness before you claim completion.

Use case examples: Build a new full-stack CRUD app with JWT + refresh, connect React to an API with typed client and consistent RFC 9457 error envelopes, implement presigned-file uploads, and add SSE/WebSocket realtime updates with proper retry/verification.

Quick Start

Use the fullstack-dev skill to build a full-stack TypeScript app with a REST API, PostgreSQL, JWT auth with refresh, typed API client integration, and a React frontend that supports file uploads and realtime notifications.

Frequently Asked Questions about fullstack-dev

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

FAQPage Schema
How do I build a full-stack app with backend API and frontend integration?▼

Build full-stack apps by coordinating backend API and frontend architecture through structured scaffolding, API client wiring, auth implementation, database access, and verification gates including build and smoke checks.

What's the best way to implement JWT authentication with refresh tokens across a full stack?▼

Implement JWT authentication with refresh by establishing cross-layer auth flows that coordinate backend token issuance with frontend client wiring, ensuring consistent patterns and production hardening before deployment.

How do I connect a React frontend to a backend API with typed error handling?▼

Connect React to a backend API by wiring a typed API client and mapping errors to consistent RFC 9457 envelopes, ensuring cross-layer integration patterns are verified through integration checks.

Can I use this full-stack workflow to add realtime SSE and WebSocket features?▼

Yes, you can add realtime SSE and WebSocket features by integrating proper retry logic and verification gates, coordinating the backend realtime endpoints with frontend listeners for production-ready updates.

Does building full-stack features require production hardening and health checks?▼

Yes, full-stack development requires production hardening by applying typed error handling, structured logging, health checks, and graceful shutdown to ensure deployment readiness before claiming feature completion.

How do I handle database migrations when scaffolding a new full-stack service?▼

Handle database migrations during full-stack scaffolding by making explicit architectural decisions, implementing structured database access patterns, and verifying integration checks before completing the service.

Related Skills

Explore More Software Engineering Skills→
mkalhitti-cloudmkalhitti-cloud
2

trading-code-review

Optimize your trading bot's performance with actionable insights and automated tuning suggestions powered by AI and delivered in your workflow.

Community
Advanced
amo-tech-aiamo-tech-ai

production-deploy

Automate production deployment with pre-deploy checks, migrations, and rollback readiness.

Community
Advanced
TylerLeonhardtTylerLeonhardt

greenroom-db

Automate Drizzle ORM schema definitions and Postgres migration workflows.

Community
Advanced
labrinyanglabrinyang

cross-layer-collaboration

Assign layer owners and an integrator to coordinate cross-layer changes.

Community
Advanced