Inspiration Gallery

Try this prompt

Build a SaaS landing page for a project management tool called 'Flowline'. Use Next.js 14 with App Router and Tailwind CSS. Include: a hero section with gradient text and a CTA button, a 3-column feature grid with icons, a pricing table with 3 tiers (Free, Pro $12/mo, Team $29/mo), a testimonial carousel, and a waitlist form that saves emails to a Supabase table. Add subtle scroll animations using Framer Motion. Use a dark theme with blue accent colors. Make it fully responsive.

Try this prompt

Create a developer portfolio site using Next.js 14 and Tailwind CSS. Pages: home (brief intro, featured projects, recent blog posts), /projects (filterable grid by tech stack tags), /blog (MDX-powered posts with syntax highlighting via Shiki), /about (bio with timeline). Include: dark/light mode toggle persisted to localStorage, RSS feed at /feed.xml, SEO meta tags, Open Graph images, and a contact form using Resend for email. Use Inter font. Keep the design minimal and Swiss-inspired.

Try this prompt

Build a habit tracker mobile app using React Native with Expo. Features: add/edit/delete habits with custom icons and colors, daily check-in screen with toggle buttons, streak counter per habit, weekly heatmap calendar view (green intensity = completion rate), push notification reminders using expo-notifications scheduled at user-chosen times, and stats dashboard showing completion percentages over 7/30/90 days. Store all data locally with expo-sqlite. Use a clean UI with rounded cards and smooth haptic feedback on check-ins. Support dark mode.

Try this prompt

Build an embeddable AI chat widget using vanilla TypeScript that compiles to a single JS bundle. The widget should: render as a floating button in the bottom-right corner, expand into a chat window on click, stream responses from a Claude API backend (Node.js + Express), show typing indicators during streaming, persist conversation history in sessionStorage, support a configurable system prompt and brand colors via data attributes on the script tag, and auto-resize on mobile. The backend should use the Anthropic SDK with the claude-sonnet-4-20250514 model. Include rate limiting (10 messages/minute per IP) and a CORS whitelist.

Try this prompt

Build a freelancer invoice generator as a single-page Next.js app. Features: form to add company name, logo upload, client details (name, email, address), line items (description, quantity, rate) with add/remove rows, automatic subtotal/tax/total calculation with configurable tax rate, invoice number auto-increment stored in localStorage, due date picker, and notes field. Add a 'Download PDF' button that generates a clean, professional PDF using @react-pdf/renderer with your company branding. Include a preview panel that updates live as you fill in the form. Use Tailwind CSS with a white/gray professional theme.

Try this prompt

Build a Slack standup bot using Node.js and the Bolt framework. Every weekday at 9am EST, the bot DMs each team member asking 3 questions: 'What did you do yesterday?', 'What are you working on today?', and 'Any blockers?'. Collect responses via Slack interactive messages with text inputs. At 10am EST, compile all responses into a formatted summary posted to a #standups channel with each person's answers in a threaded message. Store responses in a PostgreSQL database. Include: a /standup-config slash command for admins to add/remove team members and change the schedule, and a /standup-history command to view past standups by date. Deploy as a Docker container.

Try this prompt

Build a GitHub Action (TypeScript) that triggers on new issues. It should: read the issue title and body, fetch the repo's README and CONTRIBUTING.md for context, send the issue to Claude API (claude-sonnet-4-20250514) with a prompt that asks it to classify the issue as bug/feature/question/docs, assign a priority label (P0-critical, P1-high, P2-medium, P3-low), suggest which team member should own it based on CODEOWNERS file analysis, and post a comment acknowledging the issue with the classification. Store the Claude prompt as a configurable .github/issue-triage-prompt.md file. Add the labels and assignee via the GitHub API. Include error handling and a manual /retriage comment command.

Try this prompt

Build a CSV analysis dashboard using Next.js and Recharts. Features: drag-and-drop file upload zone that accepts CSV files up to 50MB, automatic column type detection (numeric, categorical, datetime, text), summary statistics panel (mean, median, mode, std dev, null count per column), data quality score (completeness, uniqueness, consistency), interactive chart builder where users pick X/Y axes and chart type (bar, line, scatter, pie), filterable and sortable data table with pagination, and an 'AI Insights' button that sends a data sample to Claude API to generate 3-5 observations about the dataset. Use Papa Parse for CSV parsing. Style with Tailwind CSS using a clean dashboard layout with sidebar navigation.

Try this prompt

Build an email drip campaign builder using Next.js 14 and React Flow for the visual editor. Users should be able to: drag and drop email nodes onto a canvas, connect them with delay nodes (wait 1 day, 3 days, 1 week), add conditional branch nodes (opened email? clicked link?), edit each email node to set subject line and body with a rich text editor (Tiptap), use an 'AI Write' button per email that takes the campaign goal and sequence position to generate copy via Claude API, preview the full sequence timeline, and activate the campaign. Backend: Node.js with BullMQ for job scheduling, PostgreSQL for campaign state, and SendGrid API for sending. Include an analytics dashboard showing open rates and click rates per step with a funnel visualization.

Try this prompt

Build a codebase documentation generator that takes a GitHub repo URL and produces a static wiki site. Use Node.js for the CLI tool and Next.js for the wiki output. The tool should: clone the repo, analyze the file tree structure, use Claude API to generate an architecture overview from the top-level files, parse each source file to extract functions/classes/exports with JSDoc/docstrings, generate per-module documentation pages with usage examples inferred from test files, create a dependency graph using madge (for JS/TS) rendered as an interactive SVG, build a full-text search index using Flexsearch, and output a deployable Next.js static site. Include a config file (.codewiki.yml) for excluding paths, customizing sections, and setting the AI model. Support JavaScript, TypeScript, and Python repos.

Try this prompt

Build a group expense splitter app using Next.js 14, Tailwind CSS, and Supabase. Features: create groups and invite members via share link, add expenses with description, amount, payer, and split type (equal, exact amounts, percentages), support multiple currencies with automatic conversion using ExchangeRate API, photo receipt upload with OCR via Claude's vision API to auto-fill expense details, real-time balance dashboard showing who owes whom, simplified debt settlement algorithm (minimize number of transactions), expense history with filters by date/person/category, and push notifications when someone adds an expense. Use Supabase for auth, database, storage, and realtime subscriptions. Include a clean mobile-first UI with swipe gestures for common actions.

Try this prompt

Build a content calendar app using Next.js 14 and Tailwind CSS. Features: visual monthly/weekly calendar view using a custom calendar grid (not a library), drag-and-drop to reschedule posts, create posts with platform selector (Twitter, LinkedIn, Instagram, Newsletter), an 'AI Generate' button that takes your content niche and recent posts to suggest 10 post ideas via Claude API, per-post AI draft writer that generates platform-appropriate copy (280 chars for Twitter, long-form for LinkedIn), status workflow (Idea > Draft > Review > Scheduled > Published), color-coded posts by platform, and a simple analytics dashboard with mock engagement data. Store everything in localStorage for the MVP. Use a modern UI with a sidebar for post details and the calendar as the main view.

Try this prompt

Build an API monitoring dashboard with Next.js 14 frontend and a Node.js backend worker. The worker should: ping configured API endpoints at configurable intervals (30s, 1m, 5m), record response time, status code, and response body hash, detect anomalies (response time > 2x average, status code changes, body changes), and send alerts via Slack webhook and email (SendGrid). Frontend dashboard should show: real-time status grid with green/yellow/red indicators, uptime percentage per endpoint (24h, 7d, 30d), response time charts using Recharts with P50/P95/P99 lines, incident timeline with automatic incident detection (3+ consecutive failures = incident), and a configuration page to add/edit/delete monitored endpoints. Use PostgreSQL with TimescaleDB extension for time-series data. Include a /status public status page that can be shared with customers.

Try this prompt

Build a meeting scheduling app using Next.js 14, Tailwind CSS, and Supabase. Features: connect Google Calendar via OAuth to read free/busy data, create scheduling pages with custom URL slugs (/meet/yourname), configurable availability windows (e.g., Mon-Fri 9am-5pm EST), buffer time between meetings (15/30/60 min options), meeting duration options (15/30/45/60 min), timezone auto-detection for visitors with manual override, multi-person scheduling that finds overlapping availability across multiple calendars, branded confirmation page and email (using Resend) with calendar invite (.ics) attachment, rescheduling and cancellation links in confirmation emails, and a dashboard showing upcoming meetings with join links. Use Supabase for auth and data, Google Calendar API for availability, and deploy to Vercel.

Try this prompt

Build a terminal task manager CLI using Node.js with Ink (React for CLI). Features: add tasks with title, description, and tags via interactive prompts, Kanban-style columns (Backlog, In Progress, Done) rendered in the terminal with box-drawing characters, an 'ai break-down' command that takes a high-level goal and uses Claude API to generate subtasks with effort estimates, priority scoring (P0-P3) with automatic sorting, git integration that links tasks to branches (auto-creates branch from task title), time tracking with start/stop commands and daily summary, and data stored in a local .tasks.json file. Include colorful terminal output using Chalk, keyboard shortcuts for quick navigation (j/k to move, enter to select, d to done), and a 'report' command that generates a weekly summary of completed tasks with time spent. Publish as an npm package.