Windows 95 Web Designer — authentic Win95 design system extrapolated to modern web apps
Design modern web apps with an authentic Windows 95 aesthetic: gradient title bars, Start menu and taskbar patterns, 3D beveled chrome — extrapolated to AI chatbots (Clippy paradigm), mobile (pocket PC), responsive layouts, and Plus! dark-mode themes
- What
- Design modern web apps with an authentic Windows 95 aesthetic: gradient title bars, Start menu and taskbar patterns, 3D beveled chrome — extrapolated to AI chatbots (Clippy paradigm), mobile (pocket PC), responsive layouts, and Plus! dark-mode themes
- Cost
- Free
- Needs
- a web project where you want a Windows 95 look — modern CSS knowledge; no paid services
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — @curiositech's windows-95-web-designer skill, listed here with credit to its creator: a complete design system for building modern web applications with an authentic Windows 95 aesthetic — not a recreation of 1995, but an extrapolation of Win95 into 2026. It ships a full CSS design system (the exact teal/gray/title-blue palette as CSS variables, the signature dark-to-light-blue title bar gradient, three-button window controls with 3D bevel box-shadows, Tahoma/MS Sans Serif typography) plus modern extrapolations: AI chatbots as Clippy descendants (character avatar, wizard dialogs, radio choices, "Tip of the Day"), mobile as the pocket-PC paradigm (Start button navigation, taskbar with open apps, icon-grid desktops), responsive breakpoints as multi-monitor metaphors, and Windows 95 Plus! themes for dark mode. It includes component patterns (Start menu, taskbar, dialog boxes for AI), anti-patterns (no hamburger menus, no FABs, no card layouts, no soft shadows — hard pixel shadows only), and a quick decision tree. Honest caveats: purely aesthetic — a novelty/retro treatment, not a design system for a serious product without heavy adaptation; assumes familiarity with modern CSS. MIT licensed. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh.
Version:
Install
Prerequisites: a web project where you want a Windows 95 look — modern CSS knowledge; no paid services Install "Windows 95 Web Designer — authentic Win95 design system extrapolated to modern web apps" for me. It gives my agent @curiositech's Win95 design system: the exact color palette as CSS variables (desktop teal #008080, system gray, title gradient #000080→#1084d0), title bar gradients, three-button window controls with 3D bevels, Tahoma typography, component patterns for the Start menu, taskbar, and AI dialog boxes (Clippy-style), plus modern extrapolations — pocket-PC mobile layouts, responsive-as-multi-monitor breakpoints, and Plus! dark-mode themes — and anti-patterns (no hamburgers, no FABs, no cards, no soft shadows). MIT licensed. Repository: https://github.com/curiositech/some_claude_skills/blob/HEAD/.claude/skills/windows-95-web-designer/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "windows-95-web-designer". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. apply the CSS variables template to my project; pair it with the windows-3-1-web-designer skill for the older Win31 look if wanted). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.