Concevoir et styliser les composants de l'interface utilisateur pour ryOS suivant les 4 thèmes du système d'exploitation (Système 7, macOS Aqua, Windows XP, Windows 98). À utiliser lors de la création de composants d'interface utilisateur, de style d'éléments, de l'utilisation de thèmes, de l'ajout d'effets visuels ou de la mise en œuvre d'une esthétique rétro du système d'exploitation.
Installez rapidement le skill IA ui-design-styling dans votre environnement de développement via la ligne de commande
Source : ryokun6/ryos.
| 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 |
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/ryokun6/ryos --skill ui-design-stylingConcevoir et styliser les composants de l'interface utilisateur pour ryOS suivant les 4 thèmes du système d'exploitation (Système 7, macOS Aqua, Windows XP, Windows 98). À utiliser lors de la création de composants d'interface utilisateur, de style d'éléments, de l'utilisation de thèmes, de l'ajout d'effets visuels ou de la mise en œuvre d'une esthétique rétro du système d'exploitation. Source : ryokun6/ryos.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/ryokun6/ryos