AI Blocks › Build websites and web apps
Single-file app builder
Describe the app. Get a working React web app bundled into one HTML file you can open or share.
Single-file app builder is a free AI skill for the job "Build websites and web apps". Give the instructions to an AI assistant that supports the required files and tools, then review its output.
Free · No account · Apache 2.0 licence · Made by Anthropic
Made by Anthropic. See the original on GitHub; we copied it as it is, with its licence.
What it does
A working React web app packed into one HTML file that you can open on your own or share as is. No server or install needed for whoever opens it. It runs a script that creates a project with React, TypeScript, Vite, Tailwind CSS and more than forty shadcn/ui components. You edit the generated code to build your app. A second script then bundles everything into a single HTML file with Parcel. You see it displayed and can test it. The style rules push you away from plain defaults: centred everything, purple gradients, even rounded corners and the Inter font. You need Node on your computer.
You give it
- A description of the app
- Any colours or style notes (optional)
- Node installed
You get
- A React project
- One bundled HTML file
- A preview you can test
- A look that avoids generic AI design
Use it when
- You want a small tool, calculator or dashboard you can send as one file.
- A single text box prompt is not enough and you need real components.
- You want to share a prototype by email.
- You want a polished interface without hand-writing it.
How to use it
- Add it to your AI once: download it and add the folder to Claude, ChatGPT or Codex as a skill.
- Ask for the job in your own words. Your AI opens the skill when it fits.
- It works best when your AI can run code.