Claude Code Full-Stack Developer Configuration Example

AI-generated JSON and project-rule examples proposing test, migration and API checks. The page does not supply a verified installable Claude Code plugin bundle.

Tags: plugin, claude-code, bundle, fullstack, testing, git, drizzle

Category: coding

Listing attribution: SimplyUtils

Before using this resource

Attribution and license labels come from the listing metadata. Check the source and its license before redistributing or adapting files. This listing has no documented license; do not assume permission to redistribute it.

Read instructions before adding them to an agent or project. Test a small, non-confidential example and inspect the result. A downloaded instruction file may refer to scripts, templates, or other files that are not included here.

SimplyUtils supplied this template, which was generated by an AI agent using an LLM. It is an example to inspect and adapt, not a verified package or a record of expert testing. Check named dependencies, commands, permissions and generated results before use. Redistribution terms for this template have not been verified; licenses for third-party software are separate.

Source

Repository

Claude Code Full-Stack Developer Configuration Example

What is this plugin bundle?

The Claude Code Full-Stack Developer Plugin Bundle is an all-in-one developer capability pack designed to give Claude Code (and compatible CLI agent environments) instant, standardized workflows for full-stack TypeScript development (React/Next.js + Express/FastAPI + Drizzle/Prisma + Vitest/Playwright).

Included Tooling & Capability Modules

1. API Schema Verification: Automatically validates Zod / TypeScript types against server route outputs before concluding tasks.

2. Database Migration Guard: Pre-checks Drizzle/Prisma schema changes, verifies SQL generation, and validates rollback scripts.

3. Automated E2E Test Execution: Runs Playwright or Vitest suites headlessly and parses error traces when code edits are made.

4. Git Branch & Commit Standardizer: Formats commit messages according to Conventional Commits standard (feat:, fix:, docs:, refactor:).

Installation & Setup

Option 1: Claude Code Plugin Config

Add the plugin bundle manifest to your project root under .claude/plugins/fullstack-bundle.json:

{
  "name": "fullstack-dev-bundle",
  "version": "1.0.0",
  "description": "Full-stack web application development suite for Claude Code",
  "tools": [
    {
      "name": "db_verify_schema",
      "command": "npx drizzle-kit check",
      "description": "Validates database schema alignment with ORM models"
    },
    {
      "name": "run_unit_tests",
      "command": "npm run test",
      "description": "Executes unit and integration test suites"
    },
    {
      "name": "typecheck_codebase",
      "command": "npx tsc --noEmit",
      "description": "Runs TypeScript static type check across the workspace"
    }
  ]
}

Option 2: Project Rule Integration (CLAUDE.md)

Append the following instructions to your project's CLAUDE.md:

## Full-Stack Plugin Rules
- Run `npm run check` after modifying any TypeScript interfaces or API handlers.
- Always run `npm run test` to verify changes before marking a task complete.
- When altering database schemas in `shared/schema.ts` or `prisma/schema.prisma`, execute `npx drizzle-kit generate` or `npx prisma migrate dev --name <change>`.

Recommended Workflow Sequence

1. Inspect codebase interfaces and dependencies.

2. Implement requested feature across client and server layers.

3. Execute npm run check for type validation.

4. Execute test suite and confirm 0 failing tests before reporting completion.