DEV Community

Cover image for Turn Your README into a Movie: Building a 3D Site Generator with Copilot CLI
ANIRUDDHA  ADAK
ANIRUDDHA ADAK Subscriber

Posted on

Turn Your README into a Movie: Building a 3D Site Generator with Copilot CLI

GitHub Copilot CLI Challenge Submission

This is a submission for the GitHub Copilot CLI Challenge

What I Built

Lumina-CLI is a developer tool that turns your boring README into a cinematic 3D landing page right from your terminal.

ImaDemoion

Documentation is important, but building a landing page for every side project is tedious. Lumina solves this by analyzing your project structure (README.md and package.json) and generating a stunning, animated 3D website using Three.js.

All with zero configuration. Just run lumina.

Demo

Here is the generated output for my other project, CloudCost-CLI:

🎥 Watch the Demo Video

or,


Image descr==ption


and,

Visit the GitHub repo:

GitHub logo aniruddhaadak80 / Lumina-CLI

Lumina-CLI is a developer tool that turns your boring README into a cinematic 3D landing page right from your terminal.

Lumina CLI

Demo

Generate cinematic landing pages from your terminal.

Lumina CLI analyzes your project and builds a stunning 3D website automatically.

Features

  • Zero Config: Just run lumina
  • 🎨 Cinematic Themes: High-end 3D visuals
  • 🚀 Fast: Generates static HTML in milliseconds
  • 🔮 AI-Powered: Smart analysis of your project structure

Installation

```bash npm install -g lumina-cli ```

Usage

Navigate to your project folder and run:. ```bash lumina ```





How It Works

  1. Scan: Reads README.md (Markdown) and package.json.
  2. Analyze: Extracts title, description, features, and tech stack.
  3. Synthesize: Injects this data into a cinematic.js template powered by Three.js.
  4. Render: Outputs a static HTML file ready to deploy.

My Experience with GitHub Copilot CLI

I used GitHub Copilot CLI to help me bridge the gap between Node.js logic and 3D graphics.

1. Three.js Integration

I'm not a 3D expert. I asked Copilot:

"Create a Three.js scene with floating particles and a rotating icosahedron for a background effect"
Copilot generated the entire animate() loop and particle system code for the template. I just had to tweak the colors to match the "Cyberpunk" theme.

2. Markdown Parsing

For the analyzer, I needed to parse the README creatively. I asked:

"How to use marked lexer to extract the first h1 and the feature list from markdown?"
Copilot provided the exact AST traversal logic to pluck out the relevant metadata without needing a complex regex mess.

3. CLI UX

Copilot suggested using gradient-string and boxen to make the CLI output look as premium as the website it generates. It even laid out the welcome message logic.

Lumina-CLI wouldn't have the same "wow" factor without Copilot's help in polishing both the visual output and the terminal experience.


Generated with ❤️ by Aniruddha using Lumina-CLI

Top comments (0)