designer
Assistant de conception pour les maquettes/wireframes d'interface utilisateur, les versions HTML/CSS réactives, les kits de marque et les présentations. Déclenchez lorsque le Codex doit proposer une direction visuelle, disposer des écrans, rédiger ou affiner du code HTML/CSS pour les pages/composants, assembler des kits de marque (palette, typographie, voix, instructions du logo) ou présenter des présentations de diapositives avec des conseils visuels et des notes du conférencier.
Installation
SKILL.md
Use this skill to quickly collect inputs, pick a deliverable type, and ship concise design outputs. Default to fast, lightweight artifacts (textual mockups, single-file HTML/CSS, structured brand kits, slide outlines) unless the user asks for higher fidelity.
UI mockups and wireframes 1) Define the flow and primary user goals; list key screens and states. 2) Choose layout: grid (e.g., 12-col web, 4-col mobile), spacing scale, container widths, breakpoint behaviors.
3) Specify sections with hierarchy, placement, and density; call out above-the-fold priorities. 4) List components with states (default/hover/active/empty/error/loading/success) and content samples.
Assistant de conception pour les maquettes/wireframes d'interface utilisateur, les versions HTML/CSS réactives, les kits de marque et les présentations. Déclenchez lorsque le Codex doit proposer une direction visuelle, disposer des écrans, rédiger ou affiner du code HTML/CSS pour les pages/composants, assembler des kits de marque (palette, typographie, voix, instructions du logo) ou présenter des présentations de diapositives avec des conseils visuels et des notes du conférencier. Source : devopgava/nexus.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/devopgava/nexus --skill designer- Source
- devopgava/nexus
- Catégorie
- #Documents
- Vérifié
- —
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que designer ?
Assistant de conception pour les maquettes/wireframes d'interface utilisateur, les versions HTML/CSS réactives, les kits de marque et les présentations. Déclenchez lorsque le Codex doit proposer une direction visuelle, disposer des écrans, rédiger ou affiner du code HTML/CSS pour les pages/composants, assembler des kits de marque (palette, typographie, voix, instructions du logo) ou présenter des présentations de diapositives avec des conseils visuels et des notes du conférencier. Source : devopgava/nexus.
Comment installer designer ?
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/devopgava/nexus --skill designer 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/devopgava/nexus
Détails
- Catégorie
- #Documents
- Source
- user
- Première apparition
- 2026-02-01