50 Power Prompts

Click to copy Create a Next.js 14 app with App Router, TypeScript, Tailwind CSS, and shadcn/ui components. Include a home page, about page, and contact form. Set up the folder structure following best practices. Use the Inter font from next/font.

Click to copy Build a React + Vite starter template with React Router, a navbar with Home/About/Contact links, a footer, and a clean file structure. Use modern ES6+ syntax and functional components with hooks.

Click to copy Create an Express.js API server with TypeScript. Include middleware for CORS, JSON parsing, error handling, and request logging. Set up a basic /api/health endpoint. Use environment variables for configuration.

Click to copy Build a full-stack Next.js app with Supabase for authentication and database. Set up login/signup pages, protected routes, and a simple dashboard. Include email/password auth with Supabase Auth.

Click to copy Create a Chrome extension scaffold with manifest v3. Include popup.html, background service worker, and content script. Set up communication between components. Use vanilla JavaScript, no frameworks.

Click to copy Build a Python Flask REST API with SQLAlchemy ORM, JWT authentication, and CORS support. Include user registration, login, and a protected endpoint. Use PostgreSQL as the database.

Click to copy Create a mobile-responsive landing page with HTML, Tailwind CSS, and minimal JavaScript. Include hero section, features grid, testimonials, pricing, and CTA. Dark theme with gradient accents.

Click to copy Build a Vue 3 app with Composition API and Pinia state management. Include a product list page, shopping cart, and checkout flow. Use TypeScript and Vite.

Click to copy Create a Svelte + SvelteKit app with server-side rendering. Include dynamic routes, API endpoints, and form actions. Set up a blog with markdown posts stored in /content folder.

Click to copy Build a Node.js CLI tool using Commander.js. Include subcommands for 'init', 'build', and 'deploy'. Add colored terminal output with chalk and a progress bar with ora. Make it installable globally with npm.

Click to copy Create a responsive navbar component in React with logo, navigation links, mobile hamburger menu, and smooth animations. Use Tailwind CSS. The mobile menu should slide in from the right.

Click to copy Build a modal component with React that can be triggered from anywhere in the app. Include backdrop overlay, close on Escape key, trap focus inside modal, and smooth fade animations.

Click to copy Create a card grid layout that displays items in a responsive grid (1 column on mobile, 2 on tablet, 3 on desktop). Each card should have an image, title, description, and CTA button. Use Tailwind CSS.

Click to copy Build a form component with validation in React using react-hook-form and zod. Include email, password, name fields. Show error messages below each field. Style with Tailwind CSS.

Click to copy Create a dark/light theme toggle with React and Tailwind CSS. Store user preference in localStorage. Apply theme globally using CSS variables. Include smooth transition animations.

Click to copy Build a loading skeleton component for content that's being fetched. Create placeholder rectangles that animate with a shimmer effect. Make it reusable for different content types.

Click to copy Create a toast notification system in React. Support success, error, warning, and info types. Stack multiple toasts vertically. Auto-dismiss after 5 seconds with a progress bar. Use Framer Motion for animations.

Click to copy Build a searchable dropdown select component with React. Include keyboard navigation (arrow keys, Enter to select). Filter options as user types. Highlight matching text.

Click to copy Create an image carousel/slider with React. Include prev/next buttons, dot indicators, auto-play, and touch/swipe support for mobile. Use Embla Carousel or similar library.

Click to copy Build an accordion component where clicking a section expands it and collapses others. Include smooth animations. Allow multiple sections open at once with a prop. Use React and Tailwind CSS.

Click to copy Create a Next.js API route that handles POST requests to send emails using Resend. Validate email, subject, and message fields. Return appropriate status codes. Use environment variables for API key.

Click to copy Build a RESTful API with Express.js for a blog. Include routes for GET /posts, GET /posts/:id, POST /posts, PUT /posts/:id, DELETE /posts/:id. Use middleware to verify authentication on write operations.

Click to copy Create a Next.js API route that fetches data from an external API, caches it for 1 hour using Redis or simple in-memory cache, and returns it to the client. Include error handling for failed requests.

Click to copy Build a webhook receiver in Express.js that validates webhook signatures from Stripe. Parse the event, handle different event types (payment_intent.succeeded, checkout.session.completed), and update your database.

Click to copy Create a rate limiter middleware for Express.js that limits requests to 100 per 15 minutes per IP address. Use redis or in-memory store. Return 429 status when limit exceeded.

Click to copy Build an image upload API endpoint in Next.js that accepts images, validates file types (jpg, png only), compresses them, uploads to Cloudinary or S3, and returns the public URL.

Click to copy Create a pagination system for a REST API. Accept 'page' and 'limit' query parameters. Return data with metadata (total items, total pages, current page, next/prev page URLs).

Click to copy Build a GraphQL API with Apollo Server and Express. Define schemas for User and Post with queries (users, user, posts, post) and mutations (createUser, createPost). Include authentication.

Click to copy Create a server-sent events (SSE) endpoint in Express.js that streams real-time updates to clients. Include heartbeat to keep connection alive. Handle client disconnections gracefully.

Click to copy Build a search API endpoint that queries a database with full-text search. Support filtering by category, sorting by relevance/date, and pagination. Use PostgreSQL with tsquery or Elasticsearch.

Click to copy Create a Prisma schema for a blog app with User, Post, and Comment models. Include proper relationships (user has many posts, post has many comments). Add createdAt and updatedAt timestamps. Generate migrations.

Click to copy Write a database seeding script using Prisma that creates 10 sample users, 50 posts, and 200 comments with realistic fake data using Faker.js. Include proper foreign key relationships.

Click to copy Create a Supabase database schema for a task management app. Include tables for users (handled by auth), projects, tasks, and tags. Set up row-level security policies so users can only see their own data.

Click to copy Build database helper functions with Prisma for common operations: createUser, getUserById, updateUser, deleteUser, getAllUsers with pagination. Include proper error handling and TypeScript types.

Click to copy Create a database migration script that adds a new 'premium' boolean column to the users table, sets it to false for existing users, and creates an index on this column for faster queries.

Click to copy Build a soft delete system with Prisma. Add a 'deletedAt' column to models. Create custom findMany/findUnique functions that exclude deleted records by default. Include a 'withDeleted' option.

Click to copy Create a database backup script for PostgreSQL that exports the database to a .sql file with timestamp, compresses it, and uploads to S3. Include restoration instructions.

Click to copy Write optimized database queries for a social media feed. Fetch posts with user data, like count, comment count, and whether current user has liked it. Use JOIN and subqueries efficiently. Limit 20 posts.

Click to copy Create database indexes for a high-traffic app. Add indexes on frequently queried columns (user email, post createdAt, tags). Include composite indexes for common filter combinations. Use Prisma schema.

Click to copy Build a database connection pool manager for PostgreSQL with pg library. Handle connection errors, implement retry logic, graceful shutdown, and health checks. Export a reusable query function.

Click to copy I'm getting this error: [paste error message]. Here's the relevant code: [paste code]. Expected behavior: [describe]. Actual behavior: [describe]. Explain the cause and provide a fix with comments.

Click to copy Review this code for security vulnerabilities: [paste code]. Check for SQL injection, XSS, exposed secrets, improper authentication, and other common issues. Provide specific fixes for each vulnerability found.

Click to copy Add comprehensive error handling to this code: [paste code]. Include try-catch blocks, user-friendly error messages, proper logging, and appropriate HTTP status codes. Don't change the core logic.

Click to copy This API call is failing in production but works locally. Here's the code: [paste]. Network error: [paste]. Environment: [describe]. Help me debug why it's failing and fix it.

Click to copy Optimize this slow database query: [paste query]. It's taking 3+ seconds on a table with 100k rows. Suggest indexes, query rewrites, and best practices to make it faster. Explain why each change helps.

Click to copy Add input validation and sanitization to this form handler: [paste code]. Validate email format, password strength (min 8 chars, 1 number, 1 special char), and sanitize all inputs to prevent XSS.

Click to copy My React component is re-rendering too often causing performance issues. Here's the component: [paste]. Identify unnecessary re-renders and optimize using React.memo, useMemo, useCallback where appropriate.

Click to copy Implement rate limiting on this API endpoint to prevent abuse: [paste endpoint code]. Limit to 10 requests per minute per IP. Return 429 status with Retry-After header when limit exceeded.

Click to copy Add comprehensive logging to this function: [paste code]. Log function entry/exit, input parameters (without sensitive data), execution time, and any errors. Use Winston or Pino logger.

Click to copy Review this authentication flow for security issues: [paste code]. Check JWT implementation, password hashing, session management, CSRF protection, and secure cookie flags. Fix any vulnerabilities.