·windows-3-1-web-designer
*

windows-3-1-web-designer

erichowens/some_claude_skills

现代 Web 应用程序的真实 Windows 3.1 美学专家。创建具有斜角边框、系统灰色调色板和程序管理器样式的像素完美的复古 UI。在“Windows 3.1”、“复古 ui”、“斜角边框”、“win31”、“程序管理器”、“90 年代美学”上激活。不适用于蒸汽波(霓虹灯渐变)、玻璃形态、macOS/iOS 样式、平面设计或材料设计。

17安装·0热度·@erichowens

安装

$npx skills add https://github.com/erichowens/some_claude_skills --skill windows-3-1-web-designer

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