psp-monorepo-project

masseater's avatarfrom masseater

Setup personal web app with pnpm workspace monorepo structure deployable to Cloudflare. Use when starting a new personal project.

⭐0stars🔀0forks📁View on GitHub🕐Updated Jan 1, 2026
[Developer Tools]

When & Why to Use This Skill

This Claude skill automates the initialization of personal web applications using a pnpm workspace monorepo architecture. It streamlines the setup process by configuring a TanStack Start application, organizing shared packages, and preparing the environment for seamless deployment to Cloudflare. By handling boilerplate tasks such as directory structure creation, configuration file generation, and Cloudflare resource provisioning, it enables developers to transition from idea to development in minutes.

Use Cases

  • Rapid Prototyping: Quickly bootstrap a new personal project with a production-ready monorepo structure and automated deployment pipeline.
  • Monorepo Management: Efficiently organize web applications and shared utilities using pnpm workspaces to ensure code reusability and maintainability.
  • Cloudflare Integration: Automate the creation of Cloudflare resources and wrangler configurations for instant, scalable edge-side hosting.
  • Standardized Scaffolding: Maintain a consistent tech stack across multiple personal projects using Biome for linting and TanStack for the frontend.
namepsp-monorepo-project
descriptionSetup personal web app with pnpm workspace monorepo structure deployable to Cloudflare. Use when starting a new personal project.

Personal Project Setup

Setup a personal web application with pnpm workspace monorepo structure deployable to Cloudflare.

Steps

  1. Ask the user for project name and description
  2. Run the setup script: ${CLAUDE_PLUGIN_ROOT}/skills/psp-monorepo-project/setup.ts <project-name>
  3. Replace <PROJECT_NAME> and <PROJECT_DESCRIPTION> in AGENTS.md
  4. Create config files in apps/web/ (see @./config-templates.md)
  5. Create Cloudflare resources and update wrangler.jsonc

Tech Stack

@./tech-stack.md

Directory Structure

<project-name>/
├── apps/
│   └── web/                 # TanStack Start application
├── packages/
│   └── shared/              # Shared utilities (optional)
├── pnpm-workspace.yaml
├── package.json
├── biome.json
├── AGENTS.md
└── .claude/
    └── rules/