Build a Neon Cyber Terminal Portfolio That Runs Like a Real Command-Line Interface
Coding
Build a fully functional, interactive portfolio website that looks and behaves like a real cyberpunk command-line terminal.
This is not a static theme.
It must behave like a real CLI.
The entire app must run in a single HTML file using pure HTML, CSS, and JavaScript. No external libraries.
βΈ»
Core Experience
When the page loads:
β’ Show a boot-up animation
β’ Display a fake system initialization sequence
β’ Then present a blinking command cursor
User interaction must happen entirely through typed commands.
βΈ»
Required Commands
Implement at minimum:
β’ help β shows available commands
β’ about β displays developer bio
β’ projects β lists projects
β’ open [project-name] β shows project details
β’ skills β displays tech stack
β’ contact β shows contact info
β’ clear β clears terminal
β’ theme β toggles neon color theme
Commands must:
β’ simulate typing output with a realistic delay
β’ support basic argument parsing
β’ gracefully handle unknown commands
βΈ»
Visual Style
Dark mode only.
Strong neon cyberpunk aesthetic.
Use:
β’ glowing text
β’ subtle scanlines
β’ CRT flicker effect (very subtle)
β’ animated cursor
β’ slight noise overlay
Color palette:
β’ neon green (default)
β’ neon pink
β’ electric blue
The UI must feel immersive but readable.
βΈ»
Unique Twist
Add a βsystem glitchβ event that occasionally:
β’ distorts text briefly
β’ shifts color channels
β’ flickers screen
It should be rare and subtle.
Also include a hidden command:
β’ reveal β unlocks a hidden message or easter egg
βΈ»
Technical Requirements
β’ Single HTML file
β’ No external libraries
β’ Modular JS structure
β’ Command parser system
β’ Fake file system structure stored in JS object
β’ Smooth scroll for long outputs
β’ Mobile friendly (touch keyboard usable)
Implement:
β’ input history navigation (arrow up/down)
β’ command autocomplete suggestion (optional but preferred)
βΈ»
Output Requirements
Return:
1. Complete runnable HTML file
2. Explanation of command parser logic
3. Instructions on how to add new commands
No placeholders. No pseudo-code.
This is not a static theme.
It must behave like a real CLI.
The entire app must run in a single HTML file using pure HTML, CSS, and JavaScript. No external libraries.
βΈ»
Core Experience
When the page loads:
β’ Show a boot-up animation
β’ Display a fake system initialization sequence
β’ Then present a blinking command cursor
User interaction must happen entirely through typed commands.
βΈ»
Required Commands
Implement at minimum:
β’ help β shows available commands
β’ about β displays developer bio
β’ projects β lists projects
β’ open [project-name] β shows project details
β’ skills β displays tech stack
β’ contact β shows contact info
β’ clear β clears terminal
β’ theme β toggles neon color theme
Commands must:
β’ simulate typing output with a realistic delay
β’ support basic argument parsing
β’ gracefully handle unknown commands
βΈ»
Visual Style
Dark mode only.
Strong neon cyberpunk aesthetic.
Use:
β’ glowing text
β’ subtle scanlines
β’ CRT flicker effect (very subtle)
β’ animated cursor
β’ slight noise overlay
Color palette:
β’ neon green (default)
β’ neon pink
β’ electric blue
The UI must feel immersive but readable.
βΈ»
Unique Twist
Add a βsystem glitchβ event that occasionally:
β’ distorts text briefly
β’ shifts color channels
β’ flickers screen
It should be rare and subtle.
Also include a hidden command:
β’ reveal β unlocks a hidden message or easter egg
βΈ»
Technical Requirements
β’ Single HTML file
β’ No external libraries
β’ Modular JS structure
β’ Command parser system
β’ Fake file system structure stored in JS object
β’ Smooth scroll for long outputs
β’ Mobile friendly (touch keyboard usable)
Implement:
β’ input history navigation (arrow up/down)
β’ command autocomplete suggestion (optional but preferred)
βΈ»
Output Requirements
Return:
1. Complete runnable HTML file
2. Explanation of command parser logic
3. Instructions on how to add new commands
No placeholders. No pseudo-code.
Optimized for LLMs
Programming Languages
Tags
This project should feel:
β’ immersive
β’ authentic
β’ slightly hacker-themed
β’ technically polished
The goal is not gimmicky nostalgia.
It should feel like a real dev tool disguised as a portfolio.
Animations must be subtle and GPU-friendly.
Performance matters more than visual excess.
Save Prompt