ui-design-styling とは？
4 つの OS テーマ (System 7、macOS Aqua、Windows XP、Windows 98) に従って、ryOS の UI コンポーネントをデザインおよびスタイルします。 UI コンポーネントの作成、要素のスタイル設定、テーマの操作、視覚効果の追加、またはレトロな OS の美学を実装するときに使用します。 ソース: ryokun6/ryos。
·ui-design-styling
*
ui-design-styling
✓4 つの OS テーマ (System 7、macOS Aqua、Windows XP、Windows 98) に従って、ryOS の UI コンポーネントをデザインおよびスタイルします。 UI コンポーネントの作成、要素のスタイル設定、テーマの操作、視覚効果の追加、またはレトロな OS の美学を実装するときに使用します。
インストール
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- ソース
- ryokun6/ryos
- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ryokun6/ryos
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-25