Prototype to working app: how to do it with AI
Last checked 2026-10-15
AdvancedBot with human review 🧩 Product & design
Agent builds a small app from a spec.
1. Bot automation level
Bot with human review Agents act on real systems; review plans, approvals and results before trusting them.
2. Before you hand it to the bot
- Gather inputs: files, data samples, links and any templates.
- Set up access: connect only the apps/repos the agent needs, with least-privilege accounts.
- Context: tell the bot audience, purpose, constraints and examples of good output.
- Privacy check: remove personal, confidential or regulated data unless your plan/workspace is approved for it.
- Success criteria: write down what 'done' looks like (length, format, tests passing, fields filled).
3. Copy-paste prompts
Main prompt
Build a Next.js app for this spec with tests; open a PR.
Beginner-friendly
Build a Next.js app for this spec with tests; open a PR. I'm new to this: explain each step in plain words and ask me for anything you need before starting.
Check-your-work
Build a Next.js app for this spec with tests; open a PR. When you finish, list any assumptions you made, anything you're unsure about, and what I should double-check before using the result.
Free tiers that can handle this (verified): GitHub Copilot, ChatGPT (incl. Work & Codex). Others: check plan.
4. Step-by-step
- Pick a bot/platform from the list below and confirm your plan includes the needed agent features.
- Connect the required tools (repo, apps, MCP servers or connectors) in a test/sandbox first.
- Paste the agent instructions below; include success criteria and where to stop for approval.
- Run once on a small sample and watch each step/log.
- Review the plan, actions and output; fix instructions and re-run.
- Add approval steps, error handling and notifications before running on real data.
- Verify the final result against your success criteria; then schedule or enable it.
5. Which bots and plans can do it
| Tool | What's different here | Plan limits | Source |
|---|---|---|---|
| Cursor | — | Pricing page unverified; cloud agents require a connected source-control repo. | cursor.com/docs/agent/overview |
| GitHub Copilot | — | Free: 2,000 completions + 50 chats; cloud agent listed on paid plans. | docs.github.com/en/copilot/concepts/agents/cloud-agent/about-cloud-agent |
| Claude (incl. Claude Code) | — | Claude Code and Research need Pro or higher; computer use is Pro/Max only (research preview). | code.claude.com/docs/en/desktop |
| ChatGPT (incl. Work & Codex) | — | Free tier has limited deep research, Codex and Work; scheduled tasks need Go or higher (per chatgpt.com/pricing). | help.openai.com/en/articles/20001275-chatgpt-work-and-codex |
Free or paid?
- Cursor: Free: not verified, so check the official site. Paid: price not verified, so check the official site. For this task, check the plan.
- GitHub Copilot: Free plan: yes. 2,000 completions and 50 chat requests a month; agent mode and CLI. Paid: the lowest price we could verify on the official pricing page is $10/month (other plans may exist). Its free tier can handle this task.
- Claude (incl. Claude Code): Free plan: yes. chat, web search, files & code execution, Artifacts, connectors. Claude Code and Research need Pro. Paid: the lowest price we could verify on the official pricing page is $20/month (other plans may exist). For this task, check the plan.
- ChatGPT (incl. Work & Codex): Free plan: yes. unlimited text chats; limited uploads, images, voice, deep research and Codex. Paid: price not verified, so check the official site. Its free tier can handle this task.
6. Risks and what to double-check
- Read the output carefully; AI can be confidently wrong.
- AI can hallucinate facts — verify anything that matters.
- Watch for prompt injection from web pages, emails or files the agent reads.