259 Code Prompts

Browse the prompts

Popular
## Role

You are a senior software architect responsible for maintaining architectural integrity in a production codebase. Every line of code must align with the established system design. Architecture documents are binding contracts.

## Task

Generate production-grade code that strictly adheres to the provided architecture. Before writing any code:

1. **Analyze the architecture** - Read the relevant sections and explain where the new code fits within the system structure
2. **Declare the filepath** - State the exact location, purpose, dependencies, and consumers
3. **Write the code** - Fully typed, documented, with comprehensive error handling
4. **Specify tests** - Describe required unit and integration tests with filepaths
5. **Document impact** - Flag any architectural changes, breaking changes, or technical debt

## Context

The project follows this architecture and stack:

{{arch

Full-Stack Software Architecture Code Generator

Generates production-grade, architecture-compliant code with strict type safety, security, and testing specifications. Runs on ChatGPT, Claude, and Cursor for full-stack development.

1.5K
Popular
## Role

You are an expert full-stack developer and web designer specializing in production-ready portfolio sites that combine modern frontend engineering with visual storytelling.

## Task

Create a complete, production-ready React portfolio application using TypeScript, Tailwind CSS, and Framer Motion. Build a professional digital experience that balances bold design with flawless functionality.

## Context

{{portfolio-content}}

Include: personal brand/headline, 3-5 featured projects with descriptions, technical skills and expertise areas, professional background/story, and contact information with social links.

## Output

Deliver complete, functional components structured across these sections:

### Foundation Setup
Project structure, Tailwind configuration, and theme system

### Core Layout and Navigation
Glassmorphism navigation with scroll effects

### Hero Section
Animated grad

React Portfolio Website Builder

Generates a complete, production-ready React portfolio application with TypeScript, Tailwind CSS, and Framer Motion animations. Runs on ChatGPT, Claude, and Cursor to deliver accessible, deployment-ready code.

625

Minimalist Company Website Builder Prompt

Generates a complete, single-file HTML website with embedded CSS and JavaScript tailored to your business context. Runs on ChatGPT, Claude, and other code-capable models to produce production-ready, mobile-responsive sites.

280

Production-Ready App Builder for React & TypeScript

Generates complete, deployable web applications with professional UI, proper state management, error handling, and accessibility. Runs on ChatGPT, Claude, and Cursor to produce React + TypeScript + Tailwind CSS code artifacts.

238

React Branding App Builder Prompt

Generates a complete React application implementation plan for a browser-based brand identity platform with multi-step wizard, real-time mockups, and asset export. Runs on ChatGPT, Claude, and code-focused AI models.

186
## Role

You are a full-stack Google Workspace integration specialist building production-ready Google Drive add-ons.

## Task

Create a comprehensive, step-by-step implementation guide for a Google Drive add-on based on the specification below.

## Context

{{add-on-specification}}

## Requirements

- Native Google Drive integration with minimal user friction
- Enterprise-grade architecture with robust error handling
- Modern, accessible UI with responsive design
- Complete OAuth security configuration
- Production-ready deployment strategy

## Output

Structure your implementation guide with these sections, providing complete code examples and specific implementation details for each:

### Architecture Planning and File Structure
- Project organization and module design
- Dependency management and versioning

### Backend Development with Apps Script
- Core business logic implementation

Google Drive Add-On Development Prompt

Generates a complete, step-by-step implementation guide for building production-ready Google Drive add-ons with Apps Script. Runs on ChatGPT, Claude, Gemini, and Grok to produce enterprise-grade code, architecture plans, and deployment strategies.

185
## Role

You are an expert browser extension architect specializing in production-ready, platform-native extensions.

## Task

Create a complete, working browser extension optimized for {{target-browser}} that solves this problem: {{extension-concept}}.

Deliver all necessary files including manifest.json, background scripts, content scripts, popup interface, and supporting code.

## Context

The target users are {{target-users}} with {{technical-level}} technical expertise.

Build a focused, single-purpose extension that feels native to the browser. Prioritize platform-specific APIs over generic cross-platform compromises. Match the complexity and documentation depth to the stated technical level.

## Output

Structure your response with these sections:

### Extension Scope and Browser-Specific Strategy
- Problem framing and core functionality boundaries
- Platform-specific API recommen

Browser Extension Development Prompt

Generates complete, production-ready browser extensions with manifest files, background scripts, content scripts, and native UI code. Runs on ChatGPT, Claude, and other code-capable AI models.

170

Vocabulary Learning App Builder

Generates a complete, production-ready vocabulary learning web application with spaced repetition, state management, and modern UI/UX. Outputs full-stack React TypeScript code that runs on ChatGPT, Claude, or Cursor.

157

Inventory Management App Builder Prompt

Generates a production-ready React/TypeScript inventory management application with real-time stock tracking, supplier workflows, and warehouse operations. Runs on ChatGPT, Claude, and Cursor to output complete, deployable code.

151
## Role
You are a full-stack developer specializing in gamified productivity applications.

## Task
Create a complete gamified task management system that transforms tasks into RPG-style experiences using behavioral psychology principles.

## Context
{{project-requirements}}

## Output
Deliver production-ready code with:

ā— **Project Architecture** – File structure, dependencies, and setup instructions
ā— **Core Game Mechanics** – XP systems, level calculations, streak tracking, and achievement triggers
ā— **React Components** – Quest dashboard, progress tracker, and celebration animations
ā— **Psychology Integration** – Reward systems and behavioral reinforcement patterns
ā— **UI Design** – Responsive layouts, animations, and accessibility features
ā— **Production Deployment** – Performance optimization, offline functionality, and deployment guidelines

Provide:

ā— Complete file implementati

Gamified Task Management App Builder

Generates production-ready code for a gamified task management web application that turns tasks into RPG-style quests with XP systems, level progression, and achievement tracking. Runs on ChatGPT, Claude, and Cursor.

143
You are a SQL query generator that translates plain-English questions into correct, readable SQL.

# Task
Given a natural-language question about data, produce a SQL query that answers it. If the user has not specified table or column names, infer them from context or ask clarifying questions. State your assumptions about the schema so the user can verify them.

# Requirements
- Use explicit JOIN syntax (INNER JOIN, LEFT JOIN, etc.) with ON conditions—never implicit comma joins
- Alias tables with short, meaningful names (e.g., `customers AS c`, `orders AS o`)
- Write standard SQL that works across PostgreSQL, MySQL, and SQL Server unless told otherwise
- Include a brief explanation below the query: one line per major clause (SELECT, FROM, JOIN, WHERE, GROUP BY, HAVING, ORDER BY) describing what it does in plain English

# Input
Question: {{question}}

Database context (optional—table na

Plain English to SQL Query Converter

Generate SQL queries from plain-English questions with assumptions and explanations.

128

Shopify App Development Prompt

Generates a complete development plan, tech stack, and TypeScript code scaffolds for building production-ready Shopify apps that pass App Store review. Runs on ChatGPT, Claude, and Cursor to deliver architecture, Polaris UI implementations, OAuth flows, webhook handlers, and deployment configs.

127

SQL Query Generator With Celko Style Standards

Generates production-ready SQL queries following Joe Celko's formatting standards, with schema analysis and performance optimization. Runs on ChatGPT, Claude, and Cursor to produce readable, maintainable database code.

119

Habit Tracking App Builder for React and TypeScript

Generates production-ready React habit-tracking application code with behavioral psychology-driven gamification, streak calculation, and reward animations. Runs on ChatGPT, Claude, and Cursor for full-stack TypeScript development.

112
## Role

You are an expert full-stack developer specializing in Notion-embedded widgets with deep knowledge of iframe constraints, cross-origin messaging, responsive scaling, and performance optimization.

## Task

Create a complete, production-ready Notion widget that integrates seamlessly into Notion's ecosystem and works immediately when deployed and embedded.

## Context

{{widget-specification}}

Include: widget purpose and functionality, target users and needs, must-have vs. nice-to-have features, technical stack preferences or constraints, and preferred hosting platform (Vercel, Netlify, etc.).

## Technical Requirements

- React 18+ with TypeScript and Tailwind CSS
- Bundle size under 100KB with sub-500ms render time
- Notion color palette integration with light/dark mode support
- Responsive design optimized for 1-3 column Notion layouts
- LocalStorage persistence with export/im

Notion Widget Builder Prompt for ChatGPT and Claude

Generates production-ready Notion widgets with complete React/TypeScript code, iframe integration, and deployment instructions. Runs on ChatGPT, Claude, and Cursor to deliver responsive, performant widgets optimized for Notion's ecosystem.

110
## Role

You are a full-stack developer and e-commerce architect specializing in conversion-optimized stores. You combine enterprise-grade technical architecture with direct-response conversion psychology, focusing on user flow optimization, trust signals, and friction reduction at every touchpoint.

## Task

Build a complete, production-ready e-commerce store technical implementation plan. Deliver a React/TypeScript frontend, backend integration (Supabase or Firebase), Stripe payment processing, and admin dashboard. Include:

- Homepage with hero banner and product grid
- Product pages with variant selection and conversion psychology elements
- Floating cart drawer with live updates
- Single-page checkout with address autocomplete
- Admin panel for product and order management

Provide component architecture, database schema, API endpoints, integration steps, and performance optimizatio

E-Commerce Store Builder Prompt for React and TypeScript

Generates a complete technical implementation plan for a production-ready e-commerce store built with React, TypeScript, Supabase/Firebase, and Stripe. Runs on ChatGPT, Claude, and Cursor to deliver component architecture, database schema, payment integration, and admin dashboard code.

109

Diet Tracking App Development Prompt

Generates a complete, production-ready calorie tracking PWA built on behavioral psychology principles that minimize user friction and maximize retention. Outputs full-stack code for ChatGPT, Claude, or Cursor with TypeScript, state management, and progressive web app features.

107

Test Dataset Generator for SQL and Code Testing

Generates SQL INSERT statements with edge cases, boundary conditions, and referential complexity designed to expose bugs before production. Runs on ChatGPT, Claude, and Cursor for code testing workflows.

107
## Role

You are a senior WordPress architect with deep expertise in enterprise plugin development, WordPress VIP standards, and the official plugin repository requirements.

## Task

Generate a complete, production-ready WordPress plugin with full file structure and implementation code.

## Context

{{plugin-requirements}}

This code will be reviewed against WordPress.org repository standards and used in production environments. Security vulnerabilities, coding standard violations, or poor database queries are unacceptable.

## Requirements

The plugin must:

- Follow WordPress Coding Standards and VIP guidelines
- Implement comprehensive security: nonces, sanitization, validation, escaping, capability checks, prepared statements
- Use proper WordPress APIs: Settings API, REST API, hooks system
- Include admin interface, frontend display, and database operations
- Support internationali

WordPress Plugin Generator for Production Code

Generates a complete, production-ready WordPress plugin with full file structure, security implementation, and WordPress.org repository compliance. Runs on ChatGPT, Claude, and Cursor to output enterprise-grade PHP code.

102
## Role

You are a code quality architect specializing in automated linting and formatting systems. You design zero-friction setups that eliminate style debates and catch errors before runtime, drawing on battle-tested conventions from top open-source projects and established style guides.

## Task

Configure a comprehensive linting and formatting system for the provided tech stack. Deliver a step-by-step implementation guide covering:

1. **Tool Selection**: Recommend appropriate linters (ESLint, Pylint, RuboCop, etc.) and formatters (Prettier, Black, etc.) for the stack. Explain why automation eliminates formatting debates.

2. **Configuration Setup**: Provide actual configuration files implementing established style guides (Airbnb, Standard, Google) adapted to the language. Include explanations for rules that prevent common errors.

3. **Editor Integration**: Detail how to configure p

Automate Code Quality Systems

Generates a complete linting and formatting setup with configuration files, editor integration steps, and pre-commit hooks for your tech stack. Runs on ChatGPT, Claude, and Cursor to deliver ready-to-implement code quality automation.

98

Animated Screensaver Design and Development Prompt

Generates a complete implementation plan for building animated screensavers, including code frameworks, animation architecture, performance optimization, and platform deployment. Runs on ChatGPT, Claude, and Cursor.

97

N8n Workflow Generator for Automation Requirements

Generates complete, import-ready n8n workflow JSON files from plain-language automation descriptions. Runs on ChatGPT, Claude, Gemini, and Grok to produce production-ready code with nodes, connections, error handling, and setup instructions.

96

Generate Web Scraping Script

Generates production-ready Python web scraping scripts that respect robots.txt, implement rate limiting, and extract structured data ethically. Runs on ChatGPT, Claude, and Cursor.

95
## Role
You are an expert full-stack engineer and SaaS application architect specializing in production-ready React applications.

## Task
Build a complete, single-file React job application tracking dashboard that manages the entire hiring pipeline. The application must transform chaotic job searches into strategic, organized workflows by tracking unlimited applications through every stage with visual progress monitoring, deadline management, and powerful filtering.

## Context
Job seekers need a professional-grade system that functions like a modern CRM tool—not a simple to-do list. The dashboard should handle scattered applications, prevent missed deadlines, and reduce job-search anxiety through clear visual organization and automated tracking.

**Technical requirements:**
- Single .jsx file, production-ready and immediately deployable
- Full TypeScript interfaces and data models
- lo

Job Application Tracker Dashboard Builder

Generates a production-ready React job application tracking dashboard as a single deployable .jsx file. Runs on ChatGPT, Claude, and Cursor to build a complete CRM-style interface with localStorage persistence, deadline management, and visual pipeline tracking.

93

What are code prompts?

code prompts are engineered instructions that already work. These are not one-line questions. Each one fixes the role, the context, the task and the output format before you type a word, so you get a usable result on the first run instead of the fourth.

They cover the work that actually fills a week: research, briefs, copy, content, analysis, reporting, planning and outreach. Open a card to see the full prompt and the output it returns.

Popular on this page right now: "Full-Stack Software Architecture Code Generator", "React Portfolio Website Builder", "Minimalist Company Website Builder Prompt".

259 on this page. Free to read, free to copy.

Why these prompts beat writing your own

A weak prompt costs you the hour you were trying to save: you rewrite it three times, get something generic, then finish the job by hand. An engineered prompt front-loads that thinking once.

That means first drafts you can send, analysis you can act on, and the repetitive work handed off, so the time goes into judgement instead of typing.

Every prompt here was written for a real job and tested against the models people actually use. Nothing scraped from a thread.

How to use these prompts

Open a prompt, copy it, and replace the [bracketed] variables with your own product, audience or topic. The structure around them stays as is. That structure is the part doing the work.

Paste it into ChatGPT, Claude, Gemini, Grok or the model you already use. If the output drifts, tighten the context line instead of rewriting the whole prompt.

No account needed to copy one. No setup, no extension, nothing to install.

Which AI tool works best for these prompts?

Text prompts here run well in ChatGPT, Claude, Gemini and Grok; image prompts target Midjourney and Nano Banana. Each card lists the models it was tested with.

Are these AI prompts free to use?

A big part of the library is free: open a prompt, copy it, use it. Premium packs and the Complete AI Bundle unlock the full collection with lifetime updates.

How do I adapt these prompts to my use case?

Start with the [variables]: niche, audience, constraints. If the result still misses, add one example of the output you want. A single good example beats three extra instructions.

For a prompt built from scratch, the Start Now card above opens the custom prompt generator.

Related resources

Get smarter on AI every week

One email a week with the best new prompts, tools, and model updates. Unsubscribe anytime.

Join 100,000+ subscribers. One email a week, real prompts, tools, and model updates. Unsubscribe anytime.