Skip to main content

​
Overview

The Full-Stack Developer pack provides comprehensive coverage of the entire application stack. From PostgreSQL databases to React frontends, from API design to code review — this pack equips you to build complete applications independently. Perfect for full-stack engineers, solo developers, and small teams wearing multiple hats.

​
Installation

npx github:dmicheneau/opencode-template-agent install --pack fullstack

​
Included Agents

fullstack-developer

Full-Stack GeneralistEnd-to-end development across database, API, and frontend layers with architectural guidance

typescript-pro

TypeScript ExpertFull-stack type safety, generics, utility types, Node.js backend, and React frontend

react-specialist

React 19+ ExpertModern hooks, Server Components, Actions, state management, and performance patterns

nextjs-developer

Next.js 15+ DeveloperApp Router, Server Components, API routes, authentication, and deployment

postgres-pro

PostgreSQL ExpertSchema design, query optimization, migrations, replication, and production tuning

api-architect

API Design ExpertREST architecture, versioning, error handling, rate limiting, and OpenAPI documentation

debugger

Debugging SpecialistFull-stack debugging from database queries to frontend rendering issues

test-automator

Testing ExpertUnit, integration, and E2E tests across the stack with CI/CD integration

code-reviewer

Code Review SpecialistQuality reviews, security vulnerability detection, best practices, and architectural feedback

​
Who Should Use This Pack?

Build complete applications from database design to user interface
Cover all aspects of application development without relying on specialists
Small teams that need to move fast across the entire stack
Maintain expertise across all layers while guiding team decisions

​
Example Workflow

Here’s how to build a complete feature using the Full-Stack pack:
1

Plan the feature

Use fullstack-developer for architectural guidance
@autres/fullstack-developer
I need to build a collaborative document editor. What's the best architecture?
2

Design the database schema

Use postgres-pro to create an efficient data model
@data-api/postgres-pro
Design a schema for documents, users, permissions, and real-time collaboration
3

Build the API layer

Use api-architect and typescript-pro to implement REST endpoints
@data-api/api-architect
Design REST endpoints for document CRUD and collaboration features

@languages/typescript-pro
Implement these endpoints in Node.js with proper types
4

Create the frontend

Use nextjs-developer and react-specialist for the UI
@web/nextjs-developer
Set up Next.js 15 App Router with authentication

@web/react-specialist
Build the document editor component with real-time collaboration
5

Add tests

Use test-automator for comprehensive test coverage
@devtools/test-automator
Create unit tests for API endpoints and E2E tests for the editor
6

Review and refine

Use code-reviewer for quality checks and debugger for issues
@devtools/code-reviewer
Review this implementation for security issues and best practices

@devtools/debugger
The real-time updates are delayed. Help me debug the WebSocket connection

​
Key Capabilities

​
Database Layer

  • PostgreSQL schema design and normalization
  • Query optimization and indexing
  • Migration management
  • Transaction handling
  • Connection pooling

​
Backend/API Layer

  • RESTful API design
  • TypeScript Node.js services
  • Authentication and authorization
  • Error handling and validation
  • WebSocket and real-time features

​
Frontend Layer

  • Next.js with App Router
  • React Server and Client Components
  • Type-safe data fetching
  • State management
  • Responsive UI design

​
Quality & Debugging

  • Full-stack testing strategy
  • Code quality reviews
  • Security auditing
  • Performance profiling
  • Production debugging

​
Common Use Cases

Flow: postgres-pro → api-architect → typescript-pro → nextjs-developer → test-automatorBuild multi-tenant SaaS apps with authentication, billing, and admin dashboards.

​
Tech Stack

This pack is optimized for the modern TypeScript full-stack:
LayerTechnologiesAgents
FrontendReact 19, Next.js 15, TypeScriptreact-specialist, nextjs-developer, typescript-pro
BackendNode.js, Express/Fastify, TypeScripttypescript-pro, api-architect, fullstack-developer
DatabasePostgreSQL, Prisma/TypeORMpostgres-pro, api-architect
TestingJest, React Testing Library, Playwrighttest-automator
QualityESLint, Prettier, code reviewcode-reviewer

​
Complementary Agents

Expand your capabilities with these additions:
  • redis-specialist — Add caching and session management
  • docker-specialist — Containerize your application
  • ci-cd-engineer — Automate deployment pipelines
  • ui-designer — Enhance design system consistency
  • performance-engineer — Optimize Core Web Vitals

​
Comparison with Specialized Packs

NeedFull-Stack PackAlternative
Deep backend expertise✓ Good coveragebackend pack has 2 additional DB agents
Advanced frontend features✓ Good coveragefrontend pack adds ui-designer and performance-engineer
Infrastructure/deployment✗ Not includedAdd devops pack for Docker, Kubernetes, CI/CD
Security auditing✓ Code review onlyAdd security pack for comprehensive audits
Solo development✓✓ Ideal choiceBest all-in-one option

​
Next Steps

Install Full-Stack Pack

npx github:dmicheneau/opencode-template-agent install --pack fullstack

Explore Individual Agents

Browse detailed documentation for each agent

DevOps Pack

Add deployment and infrastructure automation

Startup Kit

Alternative pack with product and design agents

Build docs developers (and LLMs) love

Get started for freeTalk to us