A modern, web-based IDE inspired by Visual Basic 3, where natural language prompts replace traditional code in event handlers. Build interactive user interfaces using drag-and-drop controls and describe their behavior in plain English.
Powered by the Anthropic Claude API for intelligent prompt interpretation.
📚 Full Documentation - Tutorials, API reference, troubleshooting, and more
- Drag-and-Drop UI Design: Visual form designer with toolbox controls
- Natural Language Programming: Write event handlers in plain English instead of code
- Live Execution: Real-time interpretation and execution of prompts via AI
- Web-Based: Runs entirely in the browser with a Node.js backend proxy
- Modern Tech Stack: Built with React, Vite, and Express
- Node.js (v16 or higher)
- npm or yarn
- Anthropic API key (get one from Anthropic)
-
Clone the repository:
git clone https://github.com/tholewis/promptbasic-ide.git cd promptbasic-ide -
Install dependencies:
npm install
-
Set up your Anthropic API key:
export ANTHROPIC_API_KEY=your-actual-api-key-here
Start the development server:
npm run devThis will start:
- Frontend IDE at http://localhost:3000
- Backend API proxy at http://localhost:3001
Open http://localhost:3000 in your browser to start building!
PromptBasic IDE revolutionizes UI development by combining visual design with AI-powered programming:
- Design Phase: Drag controls (buttons, textboxes, labels, etc.) from the toolbox onto the form canvas
- Prompt Phase: Double-click any control to open its event handler. Instead of writing code, describe what should happen in natural language (e.g., "When clicked, show a message saying 'Hello World'")
- Run Phase: Click the ▶ Run button. The system sends your prompts to Anthropic's Claude API, which interprets them and generates the appropriate JavaScript code to manipulate the controls in real-time
The AI understands context, handles state management, and can create complex interactions without traditional programming syntax.
- Frontend: React application built with Vite, featuring a Visual Basic-inspired interface
- Backend: Node.js Express server that proxies requests to the Anthropic API
- AI Integration: Secure API key handling with environment variables (never exposed in frontend)
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
This project uses Anthropic's Claude API. Make sure to comply with Anthropic's terms of service and usage policies. API costs may apply based on your usage.