什麼是 ui-design-styling？
依照 4 個作業系統主題（System 7、macOS Aqua、Windows XP、Windows 98）為 ryOS 設計和設計 UI 元件。在創建 UI 元件、樣式元素、使用主題、添加視覺效果或實現復古作業系統美學時使用。 來源：ryokun6/ryos。
·ui-design-styling
*
ui-design-styling
✓依照 4 個作業系統主題（System 7、macOS Aqua、Windows XP、Windows 98）為 ryOS 設計和設計 UI 元件。在創建 UI 元件、樣式元素、使用主題、添加視覺效果或實現復古作業系統美學時使用。
如何安裝 ui-design-styling
透過命令列快速安裝 ui-design-styling AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：ryokun6/ryos。
SKILL.md
查看原文| System 7 | system7 | Black/white, square corners, Chicago font, dotted patterns | | macOS Aqua | macosx | Pinstripes, traffic lights, glossy buttons, Lucida Grande | | Windows XP | xp | Blue gradients, Luna style, soft shadows, Tahoma | | Windows 98 | win98 | Gray 3D bevels, classic blue title bars, MS Sans Serif |
| Fonts | Chicago, Monaco (mono) | | Window BG | #FFFFFF | | Border | 2px solid #000000 | | Radius | 0px | | Selection | Black bg, white text | | Shadow | 2px 2px 0px 0px rgba(0,0,0,0.5) |
| Fonts | Lucida Grande, Monaco (mono) | | Window BG | #E8E8E8 | | Border | 0.5px solid rgba(0,0,0,0.3) | | Radius | 0.45rem (8px) | | Selection | #3875D7 bg, white text | | Shadow | 0 3px 10px rgba(0,0,0,0.3) | | Traffic Lights | Red #FF5F57, Yellow #FEBC2E, Green #28C840 |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-25
- 更新時間
- 2026-03-10
快速解答
如何安裝 ui-design-styling？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/ryokun6/ryos