Not sure what to build? This page is a running collection of proven prompts, prompt-engineering patterns, and starter projects you can hand directly to Kaer.
Prompt Engineering Tips
1. Be specific about the stack
Instead of "build a todo app", try:
Build a React todo app using TypeScript, Tailwind CSS for styling, and localStorage for persistence. Include add, toggle, delete, and filter by active/completed status.
2. Ask for architecture upfront
If you want clean code, ask for it:
Create a Next.js 14 API route for a webhook receiver. Use a service layer pattern, validate the payload with Zod, and return typed error responses.
3. Request UI details explicitly
Design a pricing page with three tiers, a monthly/yearly toggle, a highlighted "Most Popular" card, and a FAQ section below.
4. Iterate in layers
Start with an MVP, then add:
- Authentication (Clerk, Auth.js, or simple JWT)
- Database (Prisma + Postgres or SQLite)
- Deployment (Dockerfile or Vercel config)
Starter Projects
Web Apps
- Personal portfolio with a hero section, project grid, and contact form.
- SaaS landing page with features, testimonials, pricing, and a waitlist capture.
- Admin dashboard with sidebar navigation, stats cards, and a data table.
- Real-time whiteboard using canvas and WebSockets.
APIs & Backend
- URL shortener with click analytics and rate limiting.
- Image processing API that resizes, compresses, and converts formats.
- Slack/Discord bot that summarizes threads or schedules reminders.
- Stripe checkout flow with webhook handling and invoice history.
Data & Automation
- CSV cleaner that removes duplicates, fixes formatting, and exports reports.
- News aggregator that pulls RSS feeds, summarizes articles, and emails a digest.
- Social media scheduler with a queue, preview, and multi-platform posting.
- SEO auditor that crawls a site and reports missing metadata or broken links.
CLI & Developer Tools
- Git repo analyzer that tracks commit frequency and contributor stats.
- Environment diff tool that compares
.envfiles across environments. - ** scaffolding CLI** that generates boilerplate for common project types.
- Log parser that filters, colorizes, and exports log files.
Creative & Experiments
- Generative art tool that creates SVG patterns from random seeds.
- AI voice memo transcriber with speaker diarization and action-item extraction.
- Browser extension that summarizes any article with one click.
- Interactive tutorial builder that turns markdown into step-by-step walkthroughs.
Copy-Paste Prompts
React Dashboard
Build a React dashboard with Recharts line and bar charts, a recent-activity feed, and a dark-mode toggle. Use Tailwind for all styling.
REST API
Create a REST API with Express and TypeScript. Include JWT auth, CRUD for a "Projects" resource, and OpenAPI documentation generated automatically.
Data Collector
Build a Python data collector using Playwright that extracts product titles, prices, and images from an e-commerce site and exports to CSV and JSON.
Landing Page
Create a modern landing page with a bold headline, animated feature cards, social proof logos, and a CTA section. Use Framer Motion for entrance animations.
Chat App
Build a real-time chat app with Next.js, Socket.io, and Redis. Support rooms, message history pagination, and read receipts.
Screenshots & Visual Inspiration
Since Kaer generates live code, the best "screenshot" is the running app itself. A few visual directions to ask for:
- Glassmorphism: translucent cards with subtle borders and soft shadows.
- Bento grids: asymmetrical dashboard layouts with mixed card sizes.
- Neo-brutalism: thick borders, high contrast, and bold typography.
- Minimal SaaS: generous whitespace, rounded corners, and muted accent colors.
When in doubt, reference a site you like:
Make the UI feel like Replit’s dark mode — compact sidebar, centered prompt area, and purple accents.