·design-guide
*

design-guide

Garantisce una progettazione dell'interfaccia utente moderna e professionale su SwiftUI, Android e piattaforme web. Da utilizzare durante la creazione di QUALSIASI componente dell'interfaccia utente, inclusi pulsanti, moduli, schede, layout, navigazione o schermate complete. Applica un design minimale e pulito, tavolozze di colori neutri con un colore principale, un sistema di spaziatura della griglia di 8px, una corretta gerarchia tipografica e stati interattivi chiari. Fare sempre riferimento prima di creare o modificare gli elementi dell'interfaccia utente.

28Installazioni·0Tendenza·@mosif16

Installazione

$npx skills add https://github.com/mosif16/codex-skills --skill design-guide

Come installare design-guide

Installa rapidamente la skill AI design-guide nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/mosif16/codex-skills --skill design-guide
  3. Verifica l'installazione: 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

Fonte: mosif16/codex-skills.

Comprehensive design system ensuring every UI you build looks modern, professional, and consistent across all platforms (SwiftUI, Android Studio, web applications).

Spacing: 8, 16, 24, 32, 48, 64px Typography: 16px minimum body, max 2 fonts Colors: Neutral base + ONE accent Shadows: Subtle only Border radius: 6-12px most elements Interactive states: Always include hover, active, disabled, focus

Always reference this guide before creating any UI component. Consistency is key to professional design.

Garantisce una progettazione dell'interfaccia utente moderna e professionale su SwiftUI, Android e piattaforme web. Da utilizzare durante la creazione di QUALSIASI componente dell'interfaccia utente, inclusi pulsanti, moduli, schede, layout, navigazione o schermate complete. Applica un design minimale e pulito, tavolozze di colori neutri con un colore principale, un sistema di spaziatura della griglia di 8px, una corretta gerarchia tipografica e stati interattivi chiari. Fare sempre riferimento prima di creare o modificare gli elementi dell'interfaccia utente. Fonte: mosif16/codex-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/mosif16/codex-skills --skill design-guide
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from mosif16/codex-skills

Risposte rapide

Che cos'è design-guide?

Garantisce una progettazione dell'interfaccia utente moderna e professionale su SwiftUI, Android e piattaforme web. Da utilizzare durante la creazione di QUALSIASI componente dell'interfaccia utente, inclusi pulsanti, moduli, schede, layout, navigazione o schermate complete. Applica un design minimale e pulito, tavolozze di colori neutri con un colore principale, un sistema di spaziatura della griglia di 8px, una corretta gerarchia tipografica e stati interattivi chiari. Fare sempre riferimento prima di creare o modificare gli elementi dell'interfaccia utente. Fonte: mosif16/codex-skills.

Come installo design-guide?

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/mosif16/codex-skills --skill design-guide 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

Dov'è il repository sorgente?

https://github.com/mosif16/codex-skills