Windows 95 desktop · glm-5.3-flash
Output generated Cost / run $0.0029 Runtime 107.2s
Prompt for this run
Build a Windows 95-style desktop interface using HTML, CSS, and JavaScript. Use HTML, CSS, and JavaScript as needed. Write it to `index.html` in the current working directory using your file tools. Inline your own CSS and JavaScript. Do not use external assets, CDNs, or network requests. No third-party libraries are provided. Required behavior: - Show desktop icons for Notepad and About, a taskbar, a Start button/menu, and a clock that updates to the local time. - Double-clicking an icon or selecting its Start-menu item opens the corresponding window. Notepad contains an editable text area; About contains a short information panel. - Windows can be dragged by their title bars, focused by clicking, and closed. The focused window appears in front. Closing and reopening an application must work; retaining Notepad text during the session is optional. - Each open application appears in the taskbar. Clicking its taskbar entry brings its window to the front. The Start menu opens and closes and dismisses after launching an application. - Keep title bars reachable within the desktop. Use CSS and inline drawings for the retro chrome and icons; no external assets. Verify: Open Notepad through the Start menu, enter text, and drag its title bar. Open About and switch focus using a taskbar entry. Check that the selected window comes to the front and that closing a window removes its taskbar entry.
TAKE IT TO CODE
A single self-contained HTML file — copy it and open in any browser, or reuse the prompt with your own pi-agent run.
RUN
METRICS
Transcript · 29 messages
Build a Windows 95-style desktop interface using HTML, CSS, and JavaScript. Use HTML, CSS, and JavaScript as needed. Write it to `index.html` in the current working directory using your file tools. Inline your own CSS and JavaScript. Do not use external assets, CDNs, or network requests. No third-party libraries are provided. Required behavior: - Show desktop icons for Notepad and About, a taskbar, a Start button/menu, and a clock that updates to the local time. - Double-clicking an icon or selecting its Start-menu item opens the corresponding window. Notepad contains an editable text area; About contains a short information panel. - Windows can be dragged by their title bars, focused by clicking, and closed. The focused window appears in front. Closing and reopening an application must work; retaining Notepad text during the session is optional. - Each open application appears in the taskbar. Clicking its taskbar entry brings its window to the front. The Start menu opens and closes and dismisses after launching an application. - Keep title bars reachable within the desktop. Use CSS and inline drawings for the retro chrome and icons; no external assets. Verify: Open Notepad through the Start menu, enter text, and drag its title bar. Open About and switch focus using a taskbar entry. Check that the selected window comes to the front and that closing a window removes its taskbar entry.
thinking
Write a single index.html with Win95 desktop. Keep it solid.
index.html (11632 bytes)Successfully wrote to index.html
{"action":"screenshot"}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nStart\n1:14 AM","images":"attached"}
thinking
Desktop looks good. Test Start menu → Notepad.
{"action":"click","x":43,"y":784}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nWindows95\nNotepad\nAbout\nSh\nu\nt Down...\nStart\n1:14 AM","images":"attached"}
{"action":"click","x":100,"y":682}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nNotepad\n✕\nFileEditHelp\nStart\nNotepad\n1:14 AM","images":"attached"}
Notepad opened, menu dismissed, taskbar entry present. Now type text, then drag the title bar.
{"action":"click","x":300,"y":215}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nNotepad\n✕\nFileEditHelp\nStart\nNotepad\n1:14 AM","images":"attached"}
{"action":"type","text":"Hello from Win95!"}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nNotepad\n✕\nFileEditHelp\nStart\nNotepad\n1:14 AM","images":"attached"}
{"action":"drag","toX":750,"toY":200,"x":250,"y":71}Frame 1, +1ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nNotepad\n✕\nFileEditHelp\nStart\nNotepad\n1:14 AM","images":"attached"}
Dragging and typing work. Now open About via Start, then use the taskbar to refocus Notepad.
{"action":"click","x":43,"y":784}Frame 1, +1ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nWindows95\nNotepad\nAbout\nSh\nu\nt Down...\nNotepad\n✕\nFileEditHelp\nStart\nNotepad\n1:14 AM","images":"attached"}
{"action":"click","x":95,"y":711}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nNotepad\n✕\nFileEditHelp\nAbout\n✕\nFileEditHelp\nAbout This System\n\nA Windows 95-style desktop interface built with plain HTML, CSS and JavaScript.\n\nNo external assets or libraries were used. Everything — the chrome, the icons, the taskbar — is drawn inline.\n\n© 1995 (nostalgically speaking)\nStart\nNotepad\nAbout\n1:14 AM","images":"attached"}
{"action":"click","x":138,"y":784}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nNotepad\n✕\nFileEditHelp\nAbout\n✕\nFileEditHelp\nAbout This System\n\nA Windows 95-style desktop interface built with plain HTML, CSS and JavaScript.\n\nNo external assets or libraries were used. Everything — the chrome, the icons, the taskbar — is drawn inline.\n\n© 1995 (nostalgically speaking)\nStart\nNotepad\nAbout\n1:14 AM","images":"attached"}
Taskbar click correctly brought Notepad to the front (z-order swapped, Notepad active). Now close Notepad via its ✕ and verify the taskbar entry disappears, then reopen it from the Start menu.
{"action":"click","x":987,"y":201}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nAbout\n✕\nFileEditHelp\nAbout This System\n\nA Windows 95-style desktop interface built with plain HTML, CSS and JavaScript.\n\nNo external assets or libraries were used. Everything — the chrome, the icons, the taskbar — is drawn inline.\n\n© 1995 (nostalgically speaking)\nStart\nAbout\n1:14 AM","images":"attached"}
{"action":"click","x":43,"y":784}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nWindows95\nNotepad\nAbout\nSh\nu\nt Down...\nAbout\n✕\nFileEditHelp\nAbout This System\n\nA Windows 95-style desktop interface built with plain HTML, CSS and JavaScript.\n\nNo external assets or libraries were used. Everything — the chrome, the icons, the taskbar — is drawn inline.\n\n© 1995 (nostalgically speaking)\nStart\nAbout\n1:15 AM","images":"attached"}
{"action":"click","x":100,"y":682}Frame 1, +0ms
[Browser image supplied to model]
{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"\nNotepad\n\nAbout\nAbout\n✕\nFileEditHelp\nAbout This System\n\nA Windows 95-style desktop interface built with plain HTML, CSS and JavaScript.\n\nNo external assets or libraries were used. Everything — the chrome, the icons, the taskbar — is drawn inline.\n\n© 1995 (nostalgically speaking)\nNotepad\n✕\nFileEditHelp\nStart\nAbout\nNotepad\n1:15 AM","images":"attached"}
Done — `index.html` is complete and all verified behaviors work. **What I built:** a single self-contained Windows 95 desktop with retro beveled chrome, canvas-drawn icons (Notepad, About, Start flag), teal desktop, taskbar with Start button and live clock, and a Start menu with sidebar banner. **Verified in the browser:** - Start menu opens/closes; launching an app dismisses it and opens the window. - Notepad: typed "Hello from Win95!" into the editable textarea, then dragged its title bar across the desktop (position clamped to stay reachable, above the taskbar). - About: opens with its info panel; its taskbar entry appeared. - Taskbar click on "Notepad" brought it to the front over About; active/inactive title bars and pressed taskbar buttons toggle correctly. - Closing Notepad (✕) removed both the window and its taskbar entry; reopening via Start menu worked again (Notepad text retained across the session as a bonus). **Unverified:** no edge cases like dragging partially off-screen limits (clamping code exists but wasn't stress-tested), double-click icons (only Start-menu launch was exercised), and minute rollover of the clock (it rendered correct local time both times). No console errors appeared.