AI Prompts Showcase

Curated prompts to inspire your next project. Copy, adapt, and create with AI.

💻

Web Development

Build a Component
"Create a responsive React component for a [feature]. Include TypeScript types, Tailwind CSS styling, and proper accessibility. Make it production-ready."
Debug CSS Issue
"I have a CSS flexbox layout that's not centering content correctly on mobile. Here's my code: [paste code]. What's wrong and how do I fix it?"
API Integration Guide
"Show me how to fetch data from a REST API in JavaScript, handle errors, and display results. Include rate limiting and caching best practices."
📚

Learning & Education

Explain Concept
"Explain [programming concept] to a 12-year-old. Use analogies, real-world examples, and avoid jargon. Include a simple code example."
Create Study Guide
"Create a study guide for learning [topic]. Include learning objectives, key concepts, practice questions with answers, and resources for deeper learning."
Code Challenge
"Create a coding challenge for [skill level] that teaches [concept]. Include starter code, hints, full solution with explanation, and test cases."
💼

Business & Tools

Financial Analysis
"Build an interactive tool that [calculates financial metric]. Include inputs for [parameters], real-time calculations, and a visual chart showing results."
Project Planner
"Create a step-by-step guide for [business process]. Break it into phases, include checkpoints, timelines, resource requirements, and potential risks."
Data Dashboard
"Design an HTML/CSS/JS dashboard that displays [metrics]. Include real-time updates, filtering options, exportable reports, and responsive design."
🎨

Creative Projects

Interactive Story
"Write an interactive fiction piece where the reader makes choices. Include [setting/theme], branching paths, 5+ endings, and atmospheric descriptions."
Art Generator Concept
"Design a tool that generates [type of art/content] based on user input. Include parameters for customization, a preview, and export functionality."
Animated Tutorial
"Create an interactive, animated guide for [skill]. Include step-by-step sections with CSS animations, progress tracking, and a completion checklist."
🎮

Game Development

Game Mechanics
"Design a [game type] where players [core mechanic]. Include rules, win conditions, progression system, and how to balance difficulty."
Browser Game
"Code a playable browser game using HTML5 Canvas/JavaScript. Features: [list features], score tracking, difficulty levels, and mobile support."
Game Story
"Write a compelling narrative for a [game genre]. Include character backgrounds, plot twists, world-building elements, and dialogue that creates player engagement."
📊

Data & Analysis

Data Visualization
"Create an interactive visualization for [dataset]. Include chart types (bar, line, pie), filtering options, hover tooltips, and responsive design."
Analysis Report
"Analyze [data/topic] and create a report with: key findings, trends, patterns, actionable insights, and recommendations for [context]."
Interactive Map
"Build an interactive map showing [data by location]. Include clickable regions, data overlays, search functionality, and info panels for each location."