A VS Code extension that helps you create react-native mobile applications using Copilot or use your own model. This is a preview version of the extension and works better with Claude models.
The extension is developed to act like a real world application developer. Given a task, it will first anayse and design the app with features and components. It then through a series of prompts, generates code for the entire app. Advantage of this approach is, app generated will have lot more features and functionality at the first go instead of having to update the minimal app generated with lot of prompts.
- Create mobile apps using React Native and Expo
- Generate application architecture and component designs
- Automatically generate TypeScript code for components
- Handle project setup and dependency management
- Uses expo-router for navigation and react-native-paper for theming
- Node.js v16.0.0 or higher
- Visual Studio Code 1.95.0 or higher
- Open copilot chat window
- Select Claude model
- Type "@app-developer-mobile" to start a chat with the extension
- Use "/create" command to create a new mobile application
- Use "/run" command to run the generated application
- Go to extension settings and check the "Use your own model" option
- Select API proider, model and add your key.
- Open the command palette by pressing
Ctrl+Shift+P
orCmd+Shift+P
- Select
App Developer: Create a mobile app
- Enter prompt for the app
- Check status bar and output console for status and logs
The extension will:
- Generate app architecture diagram
- Create an Expo project
- Generate component code
- Install required dependencies
Once the app is generated, you can run the app using the Expo Go app on your mobile device or an emulator. Please note: There might be issues after app generation. You can manually fix them by following the error messages in the terminal.
This extension is still in development and may not work as expected. Please report any issues or suggestions on Github.
- Mobile App Developer(
@app-developer-mobile
)
@app-developer-mobile /create A simple notes app
@app-developer-mobile /create Spelling bee app to generate words for kids K-5. Generate a service using anthropic client SDK to generate words based on grade selection
@app-developer-mobile /create flappy bird game
create
- Create a new mobile applicationrun
- Run the generated application
Built with:
- TypeScript
- VS Code Extension API
- Webpack for bundling
- Jest for testing
Please feel free to open issues and suggest features or pull requests on Github.