Use Copilot to scaffold a full-stack app

They let GitHub Copilot start a new full-stack app, then kept fixing setup issues until the React interface was styled and usable.

Done with GitHub CopilotClaude· Advanced

What they did
They used GitHub Copilot agent mode to kick off a fresh project that included a web client, backend code, and a database, with React, TypeScript, Tailwind, ShadCN/UI, Python, Clojure, and PostgreSQL in the stack. For every attempt, they handed over three inputs: a project brief, a task list, and an instructions file for Copilot. They then watched the terminal closely, corrected bad file paths and Windows/Linux command mismatches, and kept editing the instructions after each run.
How it went
Claude 3.7 Sonnet was the most persistent when errors appeared, but the first attempts still broke during the React, Tailwind v4, and ShadCN setup. After another Claude run and clearer guidance, they ended up with React components that were both styled and working.
Tips
If you try this, plan to supervise the installation steps instead of leaving them unattended. It also helps to stop for approval before any install, config change, or other action that could be hard to undo.

Try it yourself with GitHub Copilot

In agent mode, help me start a new full-stack app for [describe the app]. Use [frontend stack] for the user interface and [backend/database stack] for the server side. Begin by laying out the project files, then make sure it runs locally, then build the visible parts of the app for [key pages or features]. I’ll provide a project brief, a task list, and an instructions file—follow those closely. If anything fails, try to repair it yourself first, but pause and ask me before you install extra tools, change configuration outside the project directory, or take any irreversible action.

Fill in the [brackets]. Agents can make mistakes, so review anything before it is sent, paid or deleted.

Get 3 agent uses like this every morning

With the day's top AI news. Free, and one click to unsubscribe.