Generating HTML, JS & CSS in One Shot
While working on multiple quick web experiments and prototypes, I found myself repeatedly creating the same three files: index.html, style.css, and script.js. Each time, I had to:
- Create the folder structure manually
- Add basic boilerplate to HTML
- Link the CSS and JS files correctly
It wasn’t hard — just tedious.
Why not automate this common task with a single CLI command?
A Node.js CLI tool that scaffolds a simple web environment (HTML, CSS, JS) instantly, with proper linking and basic boilerplate included.
How It Works
With one command: npx gen-html-js-css my-cool-app. It creates a folder named my-cool-app with:
index.html (includes linked style.css and script.js)
style.css with a basic CSS comment
script.js with a console log starter
The tool uses Node’s fs module and a bit of string templating to generate all three files in one go.
Use Cases
- Quick prototyping
- Teaching or bootcamp environments
- Spontaneous idea testing
- Building small, isolated components or demos
Github link: