muneebhashone

Ubuntu Opus — Design skill for Claude Code

Design community

🐧 A complete Ubuntu/GNOME-style Linux desktop environment in a single HTML file — window manager + 15 functional apps, no build, no deps.

How to install Ubuntu Opus

This entry records only its repository, not the path inside it, so there is no exact command to give. Open muneebhashone/ubuntu-opus and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Ubuntu Opus does

🐧 A complete Ubuntu/GNOME-style Linux desktop environment in a single HTML file — window manager + 15 functional apps, no build, no deps. An experiment with Claude Opus 4.8.

Alternatives in Design

NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Hue — open-source skill that learns any brand and turns it into a complete design system 806 ★
App Onboarding Questionnaire — A Claude Code skill that designs and builds high-converting questionnaire-style app onboarding flows — modelle 751 ★

README

🐧 UbuntuWeb OS

A complete Ubuntu/GNOME-style Linux desktop environment that runs entirely in a single HTML file — no build step, no server, no dependencies.

An experiment in seeing how far a single prompt to **Claude Opus 4.8** could go: build a believable, genuinely *functional* web operating system in one self-contained `.html` file you can just open in Chrome.

The result is a full desktop shell — boot splash, login screen, top bar, dock, window manager — plus **15 working applications**, a persistent virtual filesystem, live system graphs, a Web-Audio music synth, and a real webcam app. Everything is vanilla HTML/CSS/JavaScript in **one file (~1,400 lines)**.

![Desktop screenshot](docs/desktop.png)

✨ Try it

# clone and open — that's the whole setup
git clone https://github.com/muneebhashone/ubuntu-opus.git
cd ubuntu-opus
xdg-open webos.html     # or: open webos.html  (macOS) / just double-click it

At the login screen, **press Enter** (no password needed) to reach the desktop.

Tip: the Camera app needs camera permission, and some real websites refuse to load in the browser's sandboxed frame — that's expected.

🖥️ What's inside

The shell (real GNOME/Ubuntu feel)

Animated boot splash → login screen with live clock → fade into the desktop
GNOME top bar — Activities, live date/clock with a calendar dropdown, system tray with Wi-Fi / Bluetooth / brightness / volume toggles, and a battery that actually drains and charges
Ubuntu dock — hover-scale, running-app indicator dots, tooltips, "Show Applications" grid
Activities overview (Super key) — live window thumbnails + searchable app grid
Window manager — drag, 8-way resize, minimize / maximize / close, focus z-ordering, edge-snapping (drag to top/left/right halves), double-click titlebar to maximize
Right-click desktop context menu, toast notifications, and lock / power screens