Getting Started
Prompts for starting new projects and setting up your environment.
New Project Setup
I want to create a new [type of app] using [framework/technology]. Please help me set up the project structure, install necessary dependencies, and create the basic files I need to get started. Walk me through each step.
Analyze This Codebase
Analyze this entire project and create a detailed CLAUDE.md file. Include: what the project does, the tech stack, file structure overview, how to run it locally, key patterns you notice, and any important notes for future development.
Explain This Code
I'm new to coding. Please explain what this code does in simple terms, like you're explaining to someone who has never programmed before. Break it down line by line if needed.
What Should I Build First?
I want to build [describe your app idea]. I'm a beginner. What's the simplest version I could build first (MVP)? Break it down into small, manageable steps I can tackle one at a time.
Create Package.json
Create a package.json file for this project with appropriate scripts for development, building, and testing. Include any dependencies you think I'll need based on the code.
Create .gitignore
Create a comprehensive .gitignore file for this project. Include common patterns for [Node.js/Python/etc], environment files, build outputs, IDE files, and OS-specific files.
Building Features
Prompts for adding new functionality to your app.
Add User Authentication
Add user authentication to this app. I need: signup, login, logout, and password reset functionality. Use [Supabase/Firebase/Auth0/your choice] and show me how to protect routes that require authentication.
Create a Form
Create a form for [describe what the form is for]. Include proper validation, error messages, and a success state. Make it accessible and mobile-friendly.
Add Search Functionality
Add search functionality to [describe what should be searchable]. Include real-time filtering as the user types, and handle the case where no results are found.
Create CRUD Operations
Create full CRUD (Create, Read, Update, Delete) functionality for [describe the resource, e.g., "blog posts", "tasks", "products"]. Include the UI components and any necessary API routes.
Add File Upload
Add file upload functionality for [images/documents/etc]. Include drag-and-drop support, file type validation, size limits, and a progress indicator. Store files in [Supabase Storage/S3/Cloudinary].
Add Pagination
Add pagination to [describe the list/table]. Show 10 items per page with Previous/Next buttons and page numbers. Handle loading states and empty states.
Add Email Notifications
Set up email notifications using [Resend/SendGrid/Nodemailer]. I need to send emails when [describe triggers]. Create reusable email templates.
Add Payment Integration
Integrate [Stripe/Lemon Squeezy/PayPal] for payments. I need [one-time payments/subscriptions/both]. Set up the checkout flow, webhook handling, and success/cancel pages.
Styling & UI
Prompts for making your app look good.
Make It Responsive
This page doesn't look good on mobile. Make it fully responsive - it should work well on phones, tablets, and desktops. Use a mobile-first approach.
Add Dark Mode
Add dark mode support to this app. Include a toggle button, respect system preferences, and persist the user's choice in localStorage.
Improve the Design
This UI looks bland and amateur. Improve the design to make it look more professional and modern. Focus on spacing, typography, colors, and visual hierarchy. Keep it clean and minimal.
Add Loading States
Add proper loading states throughout the app. Include skeleton loaders for content, spinners for buttons, and a top progress bar for page transitions.
Add Animations
Add subtle animations to improve the user experience. Include hover effects, page transitions, and micro-interactions. Keep them fast and purposeful, not distracting.
Create a Component
Create a reusable [button/card/modal/dropdown/etc] component. Make it customizable with props/variants, accessible, and well-documented.
Match This Design
I want this page to look like [describe a website or attach a screenshot]. Recreate the layout, colors, and general feel while keeping it original enough.
Add Toast Notifications
Add a toast notification system. Support success, error, warning, and info types. Include auto-dismiss and the ability to manually close. Position them in the bottom-right corner.
Debugging & Fixing Errors
Prompts for when things go wrong.
Fix This Error
I got this error: [paste error message]. What does it mean, why did it happen, and how do I fix it? Explain in simple terms.
It's Not Working
This feature isn't working as expected. Expected behavior: [describe what should happen]. Actual behavior: [describe what's happening]. Help me debug this step by step.
Undo Last Changes
The last changes you made broke the app. Please undo those changes and try a different approach. Here's the error I'm seeing: [paste error]
Check for Issues
Review this code for potential bugs, security issues, and edge cases I might have missed. Point out anything that could cause problems.
Add Error Handling
Add proper error handling to this code. Catch potential errors, show user-friendly error messages, and log errors for debugging.
Why Is It Slow?
This page/feature is slow. Help me identify what's causing the performance issue and how to fix it. Look for unnecessary re-renders, heavy computations, or inefficient queries.
Database & Backend
Prompts for working with data and APIs.
Design Database Schema
Help me design a database schema for [describe your app]. I need to store [list the main things you need to track]. Use [Supabase/Firebase/PostgreSQL/etc].
Create API Route
Create an API route for [describe what it should do]. Include input validation, error handling, and appropriate HTTP status codes.
Connect to Database
Connect this app to [Supabase/Firebase/MongoDB/etc]. Set up the client, create a connection helper, and show me how to perform basic queries.
Write a Query
Write a query to [describe what data you need]. Include any necessary joins, filters, sorting, and pagination.
Add Data Validation
Add validation for this data before saving to the database. Check for required fields, correct data types, and any business rules.
Set Up Environment Variables
Help me set up environment variables for this project. I need to store [API keys, database URL, etc]. Show me how to access them in my code and what to add to .gitignore.
Deployment
Prompts for getting your app live.
Deploy to Vercel
Walk me through deploying this app to Vercel. What do I need to configure? Are there any environment variables I need to set? How do I connect my custom domain?
Deploy to Netlify
Help me deploy this to Netlify. What's the build command? What directory should I publish? How do I set up environment variables?
Production Checklist
Review this app before I deploy to production. Check for: hardcoded secrets, console.logs, test data, missing error handling, security issues, and performance problems.
Add SEO
Add proper SEO to this app. Include meta tags, Open Graph tags for social sharing, a sitemap, and robots.txt. Make sure each page has unique titles and descriptions.
Git & Version Control
Prompts for managing your code with Git.
Initialize Git Repository
Set up Git for this project. Initialize the repository, create a .gitignore file, make an initial commit, and connect to a GitHub repository.
Write Commit Message
What would be a good commit message for these changes? Follow conventional commit format (feat:, fix:, etc.) and keep it concise but descriptive.
Undo Git Changes
I made a mistake with Git. I want to [describe what you want to undo]. What's the safest way to do this without losing my work?
Create Pull Request Description
Write a pull request description for these changes. Include a summary, what was changed and why, and any testing notes or screenshots needed.
Refactoring & Improving
Prompts for making your code better.
Clean Up This Code
This code works but it's messy. Clean it up - improve naming, remove duplication, organize it better, and add comments where helpful. Don't change the functionality.
Extract to Component
This code is repeated in multiple places. Extract it into a reusable component/function. Make it flexible enough to handle all the current use cases.
Add TypeScript
Convert this JavaScript code to TypeScript. Add proper types and interfaces. Don't use 'any' unless absolutely necessary.
Improve Performance
Review this code for performance improvements. Look for: unnecessary re-renders, expensive computations, memory leaks, and opportunities for caching or lazy loading.
Add Comments
Add helpful comments to this code. Focus on explaining WHY, not what. Document any non-obvious logic, assumptions, or gotchas.
Write Tests
Write tests for this code. Cover the happy path, edge cases, and error scenarios. Use [Jest/Vitest/your testing framework].
Get All 50+ Prompts
Download the complete prompt pack and start building faster today. Includes all prompts above plus bonus templates.
Buy Now — $19