Progetta e stilizza i componenti dell'interfaccia utente per ryOS seguendo i 4 temi del sistema operativo (System 7, macOS Aqua, Windows XP, Windows 98). Da utilizzare quando si creano componenti dell'interfaccia utente, elementi di styling, si lavora con temi, si aggiungono effetti visivi o si implementa l'estetica del sistema operativo retrò.
Installa rapidamente la skill AI ui-design-styling nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ryokun6/ryos --skill ui-design-stylingProgetta e stilizza i componenti dell'interfaccia utente per ryOS seguendo i 4 temi del sistema operativo (System 7, macOS Aqua, Windows XP, Windows 98). Da utilizzare quando si creano componenti dell'interfaccia utente, elementi di styling, si lavora con temi, si aggiungono effetti visivi o si implementa l'estetica del sistema operativo retrò. Fonte: ryokun6/ryos.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/ryokun6/ryos