Coding & Development🤖claude⌨️cursor🌐universal
Monorepo Scaffold
A scaffold demonstrating how to use a turbo, mono repo, trpc, better auth, react, postgres and cursor ai rules.
Quick Start
Install this Skill
npx skills add maccman/ai-monorepo-scaffold# Monorepo Scaffold
This is a scaffold for a modern web application using a monorepo architecture. It's designed to provide a solid foundation for new projects, with a focus on type-safety, developer experience, and scalability.
## What's inside?
This monorepo includes:
- `apps/web`: An [Astro](https://astro.build/) application for the frontend.
- `packages/api`: A [tRPC](https://trpc.io/) API for type-safe client-server communication.
- `packages/db`: Database schemas, migrations, and query utilities using [Kysely](https://kysely.dev/).
- `packages/utils`: Shared utilities used across the monorepo.
- **Authentication**: Example implementation using [better-auth](https://github.com/better-auth/better-auth) with GitHub as an OAuth provider.
- **UI**: Basic UI setup with [Tailwind CSS](https://tailwindcss.com/) and [shadcn/ui](https://ui.shadcn.com/).
- **Tooling**:
- [Turborepo](https://turbo.build/repo) for high-performance builds.
- [PNPM](https://pnpm.io/) for efficient package management.
- [TypeScript](https://www.typescriptlang.org/) for static typing.
- [ESLint](https://eslint.org/) and [Prettier](https://prettier.io/) for code quality.
## Perfect for AI-Assisted Development
This scaffold is specifically designed to excel with AI coding assistants and "vibe coding" workflows:
- **Rich Examples**: The codebase provides comprehensive examples of common patterns like API routing, database connections, migrations, authentication flows, and UI components that AI can learn from and replicate.
- **Comprehensive Cursor Rules**: Pre-configured `.cursor/rules/` directory with detailed guidelines for:
- Database patterns and Kysely type helpers
- tRPC and React Query integration patterns
- React component conventions and shadcn/ui usage
- TypeScript best practices and naming conventions
- Environment variable management
- Code organization and project structure
- **Consistent Patterns**: Standardized approaches across the entire stack make it easy for AI to understand and extend the codebase following established conventions.
- **Type Safety**: Full TypeScript coverage provides clear contracts and interfaces that AI can work with confidently.
Whether you're pair programming with Claude, GitHub Copilot, or Cursor's AI, this scaffold gives your AI assistant the context and examples it needs to generate high-quality, consistent code that follows your project's patterns.
## Getting Started
1. **Clone the repository:**
```bash
git clone https://github.com/your-repo/monorepo-scaffold.git
cd monorepo-scaffold
```
2. **Install dependencies:**
```bash
pnpm install
```
3. **Set up environment variables:**
Create a `.env` file in `apps/web` and add the following variables:
```env
# Generate a secret with `openssl rand -base64 32`
AUTH_SECRET="your_auth_secret"
# From your GitHub OAuth application
GITHUB_CLIENT_ID="your_github_client_id"
GITHUB_CLIENT_SECRET="your_github_client_secret"
# Your local PostgreSQL connection string
DATABASE_URL="postgres://user:password@localhost:5432/monorepo-scaffold"
```
4. **Set up the database:**
Make sure you have a PostgreSQL server running. Then, run the migrations:
```bash
DATABASE_URL="postgres://user:password@localhost:5432/monorepo-scaffold" pnpm --filter @app/db db:migrate
```
5. **Run the development server:**
```bash
pnpm dev
```
The web application will be available at `http://localhost:3001`.
## Development
- `pnpm build`: Build all apps and packages.
- `pnpm lint`: Lint all code.
- `pnpm typecheck`: Run TypeScript to check for type errors.
- `pnpm test`: Run tests.
# Authors
- [@ocavue](https://github.com/ocavue)
- [@maccman](https://github.com/maccman)
# License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
Repository
295stars
16forks
Details
Related Skills
More coding & development skills you might like
Reticle
Coding & DevelopmentAI agents can generate code, but still struggle to understand what they build. Reticle brings Jev-style machine-native runtime perception to web & desktop applications.
🤖claude🌐universal
1.2k
190
View
agentscope-java
Coding & DevelopmentExpert Java developer skill for AgentScope Java framework - a reactive, message-driven multi-agent system built on Project Reactor. Use when working with reactive programming, LLM integration, agent orchestration, multi-agent systems, or when the user mentions AgentScope, ReActAgent, Mono/Flux, Project Reactor, or Java agent development. Specializes in non-blocking code, tool integration, hooks, pipelines, and production-ready agent applications.
🌐universal
6.0k
1.5k
View
ospec
Coding & DevelopmentDocument-driven OSpec workflow for initialization, change/goal routing, validation, archiving, and durable project knowledge.
✨gemini🤖claude💬gpt🌐universal
524
34
View
misakanet-failure-memory
Coding & Development📚 A zero-dependency, git-backed micro-lesson library for AI Agents to asynchronously share and search verified debugging experience. Python stdlib only. | https://misakanet.org
🤖claude⌨️cursor🌐universal
424
158
View