design-guide
✓Garantit une conception d’interface utilisateur moderne et professionnelle sur les plateformes SwiftUI, Android et Web. À utiliser lors de la création de TOUS les composants de l'interface utilisateur, notamment les boutons, les formulaires, les cartes, les mises en page, la navigation ou les écrans complets. Applique un design minimal et épuré, des palettes de couleurs neutres avec une couleur d'accent, un système d'espacement de grille de 8 pixels, une hiérarchie typographique appropriée et des états interactifs clairs. Faites toujours référence avant de créer ou de modifier des éléments de l’interface utilisateur.
Installation
SKILL.md
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.
Garantit une conception d’interface utilisateur moderne et professionnelle sur les plateformes SwiftUI, Android et Web. À utiliser lors de la création de TOUS les composants de l'interface utilisateur, notamment les boutons, les formulaires, les cartes, les mises en page, la navigation ou les écrans complets. Applique un design minimal et épuré, des palettes de couleurs neutres avec une couleur d'accent, un système d'espacement de grille de 8 pixels, une hiérarchie typographique appropriée et des états interactifs clairs. Faites toujours référence avant de créer ou de modifier des éléments de l’interface utilisateur. Source : mosif16/codex-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/mosif16/codex-skills --skill design-guide- Source
- mosif16/codex-skills
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que design-guide ?
Garantit une conception d’interface utilisateur moderne et professionnelle sur les plateformes SwiftUI, Android et Web. À utiliser lors de la création de TOUS les composants de l'interface utilisateur, notamment les boutons, les formulaires, les cartes, les mises en page, la navigation ou les écrans complets. Applique un design minimal et épuré, des palettes de couleurs neutres avec une couleur d'accent, un système d'espacement de grille de 8 pixels, une hiérarchie typographique appropriée et des états interactifs clairs. Faites toujours référence avant de créer ou de modifier des éléments de l’interface utilisateur. Source : mosif16/codex-skills.
Comment installer design-guide ?
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/mosif16/codex-skills --skill design-guide Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/mosif16/codex-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01