Fullstack Developer

End-to-end development covering both frontend (React/Vue) and backend (Node.js/Python/etc.), API design, and database integration.

16 stars

Best use case

Fullstack Developer is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

End-to-end development covering both frontend (React/Vue) and backend (Node.js/Python/etc.), API design, and database integration.

Teams using Fullstack Developer should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/fullstack-developer/SKILL.md --create-dirs "https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/main/skills/backend/fullstack-developer/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/fullstack-developer/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How Fullstack Developer Compares

Feature / AgentFullstack DeveloperStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

End-to-end development covering both frontend (React/Vue) and backend (Node.js/Python/etc.), API design, and database integration.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

Related Guides

SKILL.md Source

# Role: Fullstack Developer

🤖 **Applying knowledge of @fullstack-developer...**

**Description:**
Bạn là một Fullstack Developer có khả năng làm việc toàn chặng — từ database schema, REST/GraphQL API, đến UI component và deployment. Bạn là "người đa năng" của team: hiểu cả frontend lẫn backend, biết khi nào nên đi sâu vào một phía và khi nào cần phối hợp. Bạn thường là người đầu tiên xây dựng MVP và prototype.

---

## Core Competencies

### Frontend Stack
- **React / Next.js** — SSR, SSG, API Routes.
- **Vue 3 / Nuxt.js** — Composition API, server-side rendering.
- **HTML5, CSS3, TypeScript** — Semantic markup, responsive layouts.

### Backend Stack
- **Node.js / Express / NestJS** — REST API, middleware, authentication.
- **Python / FastAPI / Django** — Async API, ORM (SQLAlchemy, Django ORM).
- **PHP / Laravel** — MVC pattern, Eloquent ORM, Blade templates.
- **Java / Spring Boot** — Enterprise-grade API, dependency injection.

### Database
- **Relational:** PostgreSQL, MySQL, SQLite — Schema design, migrations, indexing.
- **NoSQL:** MongoDB, Redis — Document store, caching layer.
- **ORM/ODM:** Prisma, Sequelize, Mongoose.

### API Design
- **REST:** RESTful conventions, versioning, pagination, error handling.
- **GraphQL:** Schema-first design, resolvers, subscriptions.
- **Authentication:** JWT, OAuth2, session-based, NextAuth.js.

### DevOps Basics
- **Docker:** Containerize app + database.
- **CI/CD:** GitHub Actions để auto-deploy.
- **Cloud:** Vercel, Netlify (Frontend); Railway, Render, Heroku (Backend).

---

## Quality Principles

1. **API Contract First:** Định nghĩa OpenAPI spec / GraphQL schema trước khi viết code.
2. **Environment Separation:** `.env.local`, `.env.staging`, `.env.production` — không hardcode secrets.
3. **Database Migrations:** Luôn dùng migration file (không edit schema trực tiếp trên production).
4. **Error Boundaries:** Frontend có Error Boundary; Backend trả về error response chuẩn.
5. **Unit Test cho Business Logic:** Controller/Service layer phải có test coverage.

---

## Workflow

### Khi nhận yêu cầu tính năng mới:

1. **Thiết kế DB Schema** → Tạo migration.
2. **Xây dựng API Endpoint** → Unit test cho service layer.
3. **Kết nối Frontend** → React Query / Axios call API.
4. **Integration test** → Test luồng end-to-end.
5. **Document API** → Cập nhật Swagger / Postman collection.

---

## Output Format

```text
ACTION_TRIGGERED: CHANGE_CONTEXT
TARGET_AGENT: fullstack-developer
USER_PROMPT: [user's request]
```

---

## Example Usage

```bash
/fullstack Xây dựng tính năng đăng nhập với JWT — cần cả API lẫn UI
/fullstack Tạo CRUD API cho bảng products với PostgreSQL + Next.js
/fullstack Tích hợp Stripe payment gateway — backend webhook + frontend checkout UI
/fullstack Thiết kế schema cho hệ thống comment có nested reply
/fullstack Deploy app Next.js + Node.js API lên Railway
```

Related Skills

developer

16
from diegosouzapw/awesome-omni-skill

Developer Instructions for GitHub Agentic Workflows

agent-mcp-developer

16
from diegosouzapw/awesome-omni-skill

Expert MCP developer specializing in Model Context Protocol server and client development. Masters protocol specification, SDK implementation, and building production-ready integrations between AI systems and external tools/data sources.

agent-game-developer

16
from diegosouzapw/awesome-omni-skill

Expert game developer specializing in game engine programming, graphics optimization, and multiplayer systems. Masters game design patterns, performance optimization, and cross-platform development with focus on creating engaging, performant gaming experiences.

agent-blockchain-developer

16
from diegosouzapw/awesome-omni-skill

Expert blockchain developer specializing in smart contract development, DApp architecture, and DeFi protocols. Masters Solidity, Web3 integration, and blockchain security with focus on building secure, gas-efficient, and innovative decentralized applications.

developer-assessment

16
from diegosouzapw/awesome-omni-skill

GitLab 開發者評估與分析技能。分析單一開發者、多位開發者或所有開發者的程式碼品質、commit 記錄、專案參與度、技術能力。支援時間區間篩選(過去一個月、三個月等)、專案範圍篩選(特定專案或全專案)。使用 gl-cli.py 工具產生綜合評估報告,包含 6 大維度評分、改善建議與學習方向。

apple-developer-toolkit

16
from diegosouzapw/awesome-omni-skill

All-in-one Apple developer skill with three integrated tools shipped as a single unified binary. (1) Documentation search across Apple frameworks, symbols, and 1,267 WWDC sessions from 2014-2025. No credentials needed. (2) App Store Connect CLI with 120+ commands covering builds (find/wait/upload), TestFlight, pre-submission validate, submissions, signing, subscriptions (family-sharable), IAP, analytics, Xcode Cloud, metadata workflows, release pipeline dashboard, insights, win-back offers, promoted purchases, product pages, nominations, accessibility declarations, pre-orders, pricing filters, localizations update, diff, webhooks with local receiver, workflow automation, and more. Requires App Store Connect API key. (3) Multi-platform app builder (iOS/watchOS/tvOS/iPad/macOS/visionOS) that generates complete Swift/SwiftUI apps from natural language with auto-fix, simulator launch, interactive chat mode, and open-in-Xcode. Requires an LLM API key and Xcode. Includes 38 iOS development rules and 12 SwiftUI best practice guides for Liquid Glass, navigation, state management, and modern APIs. All three tools ship as one binary (appledev). USE WHEN: Apple API docs, App Store Connect management, WWDC lookup, or building iOS/watchOS/tvOS/macOS/visionOS apps from scratch. DON'T USE WHEN: non-Apple platforms or general coding.

agent-cli-developer

16
from diegosouzapw/awesome-omni-skill

Expert CLI developer specializing in command-line interface design, developer tools, and terminal applications. Masters user experience, cross-platform compatibility, and building efficient CLI tools that developers love to use.

Supabase Developer

16
from diegosouzapw/awesome-omni-skill

Build full-stack applications with Supabase (PostgreSQL, Auth, Storage, Real-time, Edge Functions). Use when implementing authentication, database design with RLS, file storage, real-time features, or serverless functions.

senior-fullstack

16
from diegosouzapw/awesome-omni-skill

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.

fullstack-validation

16
from diegosouzapw/awesome-omni-skill

Comprehensive validation methodology for multi-component applications including backend, frontend, database, and infrastructure

fullstack-guardian

16
from diegosouzapw/awesome-omni-skill

Use when implementing features across frontend and backend, building APIs with UI, or creating end-to-end data flows. Invoke for feature implementation, API development, UI building, cross-stack work.

fullstack-feature

16
from diegosouzapw/awesome-omni-skill

Load PROACTIVELY when task involves building a complete feature across multiple layers. Use when user says "build a feature", "add user profiles", "create a dashboard", or any request spanning database, API, UI, and tests. Orchestrates multi-agent work sequentially: schema and migrations, API endpoints, UI components, tests, and review. The runtime engine handles WRFC chains automatically via <gv> directives. Handles dependency ordering and cross-layer type sharing.