App Developer Copilot

 Get Extension
App Developer Copilot Icon

Generate Full Stack Apps with AI

Use your existing Copilot subscription or bring your own API key (BYOK) to generate complete web and mobile applications directly within VS Code. Convert design to code. Works best with advanced coding models.

Install from Marketplace

Core Features

Mobile Apps

Create native mobile apps using React Native and Expo.

Web Apps

Generate modern web apps with React and Next.js.

Design to Code

Convert Figma design to code or paste a screenshot

Supabase Ready

Optionally connect to Supabase for backend storage and authentication.

Architecture Design

Generates application architecture diagrams and component designs.

TypeScript Code

Automatically generates TypeScript code for your components.

Automated Setup

Handles project creation, dependency management, and tech stack configuration.

How to Use

1. Using Copilot Chat

  1. Open the Copilot chat window.
  2. Select your preferred model (Claude 3.5 or GPT-4o recommended).
  3. Start a chat with @app-developer-mobile or @app-developer-web.
  4. Use the /create command followed by your app description.
  5. Use /run to execute the generated app.
Sample Prompts:
@app-developer-mobile /create A simple notes app
@app-developer-web /create twitter clone
@app-developer-mobile /create flappy bird game

2. Using Your Own Key (BYOK)

  1. Go to VS Code Extension Settings for App Developer Copilot.
  2. Check "Use your own model".
  3. Select API provider, model, and enter your API key.
  4. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
  5. Select `App Developer: Create a mobile app` or `App Developer: Create a web app`.
  6. Enter your prompt for the application.
  7. Monitor the status bar and output console for progress.

Requirements

Node.js v16.0.0 or higher
VS Code 1.95.0 or higher

Support & Troubleshooting

While the extension aims for perfection, you might encounter minor issues (e.g., TypeScript errors, missing dependencies) after generation. Check the terminal output for error messages. For common problems, refer to the troubleshooting guide.

Report Issues or Suggest Features on GitHub