skills.rest
curiositech
curiositechOFFICIAL
Explore all skills by this author →
WebsiteGitHub

windows-3-1-web-designer

Generate modern web UIs with authentic Windows 3.1 design elements.

181|30|Updated Nov 16, 2025
Search Tags:#design system#web design#ui components#windows 3.1#retro ui#90s aesthetic
One-click install
npx skills add https://github.com/curiositech/some_claude_skills --skill windows-3-1-web-designer-curiositech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: windows-3-1-web-designer
Source: https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/windows-3-1-web-designer
Command: npx skills add https://github.com/curiositech/some_claude_skills --skill windows-3-1-web-designer-curiositech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the creation of modern web applications that authentically replicate the visual aesthetic of Windows 3.1, including its unique UI elements and design principles.

Core Features & Use Cases

  • Authentic Win31 Aesthetic: Recreates solid navy title bars, beveled borders, Program Manager navigation, and era-specific typography.
  • Modern Extrapolation: Applies Win31 design to AI chatbots (Cue Card paradigm) and mobile UIs (pocket computing).
  • Use Case: Design a dashboard for a retro-themed web application or create an AI assistant interface that feels like a classic Windows wizard.

Quick Start

Apply the Windows 3.1 design system to a new web component.

Frequently Asked Questions about windows-3-1-web-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a web application with a Windows 3.1 aesthetic?▼

To create a retro UI for modern web apps, use a design system that recreates solid navy title bars, beveled borders, Program Manager navigation, and era-specific typography authentic to Windows 3.1.

Can I apply Windows 3.1 UI components to a modern AI chatbot interface?▼

Yes, you can extrapolate the Windows 3.1 design to AI chatbots by utilizing the Cue Card paradigm, creating an AI assistant interface that feels like a classic Windows wizard.

Does this retro UI design system support mobile web design?▼

Yes, the Windows 3.1 design system supports mobile UIs by applying pocket computing metaphors, extending the 90s aesthetic to modern mobile web application components.

What is the difference between Windows 3.1 and Windows 95 web design aesthetics?▼

Windows 3.1 web design uses solid navy title bars and Program Manager navigation, and explicitly avoids Windows 95, vaporwave, and flat design aesthetics to maintain an authentic early 90s retro UI.

How do I activate the Windows 3.1 design system for my web components?▼

You can activate the Windows 3.1 design system using keywords like 'windows 3.1', 'win31', 'retro desktop', and '90s aesthetic' to generate authentic retro UI components.

What are the limitations of using a 90s aesthetic for modern web design?▼

The system explicitly avoids Windows 95, vaporwave, and flat design aesthetics, focusing solely on authentic Windows 3.1 elements like beveled borders and Program Manager navigation for retro UI generation.

Related Skills

Explore More Design & Creative Skills→
k97k97
4

frontend-design

Generate production-grade frontend code and UI designs with intentional aesthetic themes.

Community
Advanced
traylinxtraylinx
2

frontend-design

Create production-grade frontend interfaces with design tokens and responsive layouts.

Official
Advanced
curiositechcuriositech
181

win31-audio-design

Generates Windows 3.1 era UI sounds using Web Audio API and CC-licensed 8-bit audio.

Official
Intermediate
efekrbasefekrbas
41

vaporwave

Transform modern UI designs into vaporwave aesthetics with 90s OS motifs.

Community
Intermediate