idea×app

BasicStudio Pro

Desktop 🎨 Creative by an anonymous creator 3 0 0
ideaxapp.com/app/basicstudio-pro-tyc6g

Interactive concept demo generated by AI — it runs in a sandbox, can't reach the internet and resets when reloaded.

Remix this app Build it for real Download HTML Try this idea yourself

What it does

A nostalgic yet modern visual RAD IDE for Visual Basic. Design forms with drag-and-drop, write event-driven code, manage project assets, and run interactive simulations of classic desktop applications.

The exact prompt

prompt → output

This is the complete text that produced the prototype above — nothing hidden. Read it, copy it, change it.

a visual studio like ide for visual basic

Anyone can build on this: run the same prompt yourself, remix this exact prototype, or browse more prompts with their outputs.

Feedback

No comments yet. Say what you like or what you'd change.

Build it for real

AGENTS.md (brief) prototype.html

A build brief written from this prototype — what it does, its screens, data and rules — shipped as AGENTS.md, the file coding agents read automatically. Put it next to the prototype, paste one prompt, and the real app is under way.

What it is

BasicStudio Pro is a visual RAD IDE for Visual Basic that brings nostalgic classic Windows desktop development to modern browsers and desktops. Users can drag and drop classic UI controls onto forms, write event-driven code, inspect and edit properties in real time, and launch interactive simulations of their desktop applications.

For: Developers, hobbyists, and retro-computing enthusiasts building or simulating classic Visual Basic applications.

Features (v1)

  • Users can design desktop forms with drag-and-drop classic UI components like CommandButtons, TextBoxes, Labels, CheckBoxes, and PictureBoxes.
  • Users can switch seamlessly between the Visual Designer view and the Code Editor view.
  • Users can edit control properties in real time via the Properties Inspector pane.
  • Users can manage project assets and files within the Solution Explorer tree.
  • Users can run interactive simulations of their compiled applications complete with live event handling.
  • Users can view live diagnostic logs, compiler alerts, and global state watcher values in the bottom console.
  • Users can trigger non-intrusive toast notifications for feedback on project actions.

Screens

  • Main IDE Workspace — Primary layout containing the menu bar, toolbar, toolbox sidebar, central designer/code editor, and metadata sidebars.
  • Visual Designer View — WYSIWYG form layout canvas where users position and resize classic Windows UI widgets.
  • Code Editor View — Syntax-highlighted code editing environment for writing event handlers and application logic in Basic.
  • Interactive Simulation Sandbox — Popup simulation overlay running the compiled form where users interact with controls and trigger event scripts.

Data model

  • Project: id: string, name: string, filename: string, forms: Form[]
  • Form: id: string, name: string, filename: string, caption: string, width: number, height: number, backColor: string, widgets: Widget[], code: string
  • Widget: id: string, name: string, type: string, caption: string, text: string, top: number, left: number, width: number, height: number, value: boolean

Rules & behaviour

  • Selecting any widget on the form updates the Properties Inspector with its specific attributes.
  • Modifying properties such as Width, Height, or Caption updates the selected widget or form immediately in the designer.
  • Adding a new control from the Toolbox auto-generates a default event handler code stub in the code editor.
  • Running a simulation clones the form state into an isolated runtime viewport with fully interactive controls.
  • Empty username validations trigger an error message modal during simulation execution.

Recommended stack

Desktop app → Tauri (Rust shell + React/TypeScript UI)

Tauri provides a native desktop shell with low memory usage and high performance, perfect for a responsive IDE desktop application.

Alternatives: Electron · Web app with PWA install

Milestones

  1. Milestone 1: Reproduce the prototype's screens with real components and mock data, preserving the classic VB aesthetic and styling.
  2. Milestone 2: Implement fully interactive drag-and-drop and resizing for widgets on the form designer canvas.
  3. Milestone 3: Build the Properties Inspector to dynamically update selected widget attributes in real time.
  4. Milestone 4: Implement the Code Editor view with basic syntax highlighting and event handler stub generation.
  5. Milestone 5: Build the Simulation Sandbox execution engine to test form controls and evaluate event scripts.
  6. Milestone 6: Implement Solution Explorer project file management and bottom diagnostic console logging.
  7. Milestone 7: Add comprehensive unit tests and configure packaging for desktop distribution.

Kick off in your tool

1
Get the files into a folder

One paste in a terminal (macOS, Linux, Windows PowerShell) — or use the download buttons above. CLAUDE.md is a one-liner that points Claude Code at AGENTS.md.

mkdir basicstudio-pro && cd basicstudio-pro
curl -sL -o prototype.html "https://ideaxapp.com/run/basicstudio-pro-tyc6g?download=1"
curl -sL -o AGENTS.md "https://ideaxapp.com/kit/basicstudio-pro-tyc6g.md"
curl -sL -o CLAUDE.md "https://ideaxapp.com/kit/basicstudio-pro-tyc6g.md?file=claude"
2
Pick your tool
Coding agents — work in your folder
Browser builders & chat — one self-contained prompt
3
Paste the prompt

Open a terminal in the folder and run claude — or open the folder from the Code tab of the Claude desktop app — then paste the prompt. Claude Code reads CLAUDE.md, which points it at AGENTS.md.

Read AGENTS.md and prototype.html first. Create a short numbered plan, then build milestone 1 with Tauri and React/TypeScript. Preserve the prototype's look, copy, and behavior. Include a README with run instructions and basic tests, and ask questions only if something is genuinely ambiguous.
Start it in the folder with claude

Brief generated with Google Gemini (gemini-3.5-flash-lite) from the prototype and its idea. A strong starting point, not a contract — read it before you build. Tool list checked September 2026 · what these tools can do now and next.

See all

Have your own idea?

Describe it in one sentence and see it working in seconds.

Turn my idea into an app

Your Gemini API key

Generation runs in your browser with your own free Google Gemini key. The key is saved only on this device (browser storage) and is sent only to Google — never to this site.

  1. Open Google AI Studio → API keys and sign in with a Google account.
  2. Click Create API key and copy it.
  3. Paste it below and press Save.