windows-3-1-web-designer
✓现代 Web 应用程序的真实 Windows 3.1 美学专家。创建具有斜角边框、系统灰色调色板和程序管理器样式的像素完美的复古 UI。在“Windows 3.1”、“复古 ui”、“斜角边框”、“win31”、“程序管理器”、“90 年代美学”上激活。不适用于蒸汽波(霓虹灯渐变)、玻璃形态、macOS/iOS 样式、平面设计或材料设计。
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 |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/erichowens/some_claude_skills --skill windows-3-1-web-designer- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 windows-3-1-web-designer?
现代 Web 应用程序的真实 Windows 3.1 美学专家。创建具有斜角边框、系统灰色调色板和程序管理器样式的像素完美的复古 UI。在“Windows 3.1”、“复古 ui”、“斜角边框”、“win31”、“程序管理器”、“90 年代美学”上激活。不适用于蒸汽波(霓虹灯渐变)、玻璃形态、macOS/iOS 样式、平面设计或材料设计。 来源:erichowens/some_claude_skills。
如何安装 windows-3-1-web-designer?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/erichowens/some_claude_skills --skill windows-3-1-web-designer 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/erichowens/some_claude_skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01