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