windows-3-1-web-designer
✓Expert in authentic Windows 3.1 aesthetic for modern web applications. Creates pixel-perfect retro UI with beveled borders, system gray palettes, and program manager styling. Activate on 'windows 3.1', 'retro ui', 'beveled borders', 'win31', 'program manager', '90s aesthetic'. NOT for vaporwave (neon gradients), glassmorphism, macOS/iOS styling, flat design, or material design.
Installation
SKILL.md
Expert in authentic Windows 3.1 aesthetic for modern web applications. Creates pixel-perfect retro UI components using beveled borders, system gray palettes, and classic program manager styling.
| System Gray | #c0c0c0 | THE primary background | | Dark Gray | #808080 | Shadows, pressed states | | Navy | #000080 | Title bar background | | Teal | #008080 | Links, highlights | | White | #ffffff | Beveled highlights, inputs | | Black | #000000 | Beveled shadows, borders |
| Window | #c0c0c0 | 3px solid black, inset bevel | | Titlebar | #000080 | none | | Button (up) | #c0c0c0 | inset white TL, black BR | | Button (down) | #c0c0c0 | inset black TL, white BR | | Input | #ffffff | inset 2px dark-gray | | Panel (raised) | #c0c0c0 | outset 2px | | Panel (inset) | #ffffff | inset 2px + shadow |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/erichowens/some_claude_skills --skill windows-3-1-web-designer- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is windows-3-1-web-designer?
Expert in authentic Windows 3.1 aesthetic for modern web applications. Creates pixel-perfect retro UI with beveled borders, system gray palettes, and program manager styling. Activate on 'windows 3.1', 'retro ui', 'beveled borders', 'win31', 'program manager', '90s aesthetic'. NOT for vaporwave (neon gradients), glassmorphism, macOS/iOS styling, flat design, or material design. Source: erichowens/some_claude_skills.
How do I install windows-3-1-web-designer?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/erichowens/some_claude_skills --skill windows-3-1-web-designer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/erichowens/some_claude_skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01