webdev15 skillsintermediate

Full-Stack Web App

Build a modern full-stack application from scratch with Next.js, database, and deployment.

#fullstack#nextjs#database#api#deployment
This pack contains 15 skills in raw Markdown format. Download as a ZIP to use offline, or view each skill individually. Works with ChatGPT, Claude, Gemini, and all major LLMs.
In this Pack
15 items
System Designunknown

WEB-002-rest-api-designer

Generated Analytical skill for Web Development. Focuses on execution and intent intelligence.

View Skill →
System Designunknown

api-design-principles

Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers and stand the test of time.

View Skill →
Productivityunknown

WEB-053-openapi-spec-writer

Generated Agentic skill for Web Development. Focuses on execution and intent intelligence.

View Skill →
System Designunknown

database-design

Database design principles and decision-making. Schema design, indexing strategy, ORM selection, serverless databases.

View Skill →
Productivityunknown

prisma-expert

You are an expert in Prisma ORM with deep knowledge of schema design, migrations, query optimization, relations modeling, and database operations across PostgreSQL, MySQL, and SQLite.

View Skill →
Productivityunknown

database-migrations-sql-migrations

SQL database migrations with zero-downtime strategies for PostgreSQL, MySQL, and SQL Server. Focus on data integrity and rollback plans.

View Skill →
Productivitysafe

vercel-deployment

Expert knowledge for deploying to Vercel with Next.js Use when: vercel, deploy, deployment, hosting, production.

View Skill →
UI/UXunknown

WEB-025-ci-cd-pipeline-builder

Generated Transformative skill for Web Development. Focuses on execution and intent intelligence.

View Skill →
Productivityunknown

WEB-029-environment-variable-manager

Generated Conversational skill for Web Development. Focuses on execution and intent intelligence.

View Skill →
Productivityunknown

nextjs-app-router-patterns

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

View Skill →
Productivityunknown

react-state-management

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

View Skill →
UI/UXunknown

WEB-001-ui-component-builder

Generated Generative skill for Web Development. Focuses on execution and intent intelligence.

View Skill →
Productivityunknown

nextjs-best-practices

Next.js App Router principles. Server Components, data fetching, routing patterns.

View Skill →
UI/UXunknown

environment-setup-guide

Guide developers through setting up development environments with proper tools, dependencies, and configurations

View Skill →
Productivityunknown

monorepo-architect

Expert in monorepo architecture, build systems, and dependency management at scale. Masters Nx, Turborepo, Bazel, and Lerna for efficient multi-project development. Use PROACTIVELY for monorepo setup,

View Skill →
Workflow Breakdown

backend api

  1. 01rest-api-designer
  2. 02api-design-principles
  3. 03openapi-spec-writer

database layer

  1. 01database-design
  2. 02prisma-expert
  3. 03database-migrations-sql-migrations

deployment

  1. 01vercel-deployment
  2. 02ci-cd-pipeline-builder
  3. 03environment-variable-manager

frontend build

  1. 01nextjs-app-router-patterns
  2. 02react-state-management
  3. 03ui-component-builder

project setup

  1. 01nextjs-best-practices
  2. 02environment-setup-guide
  3. 03monorepo-architect