·ui-ux-design
*

ui-ux-design

arvindand/agent-skills

Créez des interfaces frontales de qualité production avec une solide UX et un savoir-faire visuel. À utiliser lors de la création de composants Web, de pages, de tableaux de bord, de formulaires, de pages de destination ou de toute interface utilisateur. À utiliser lorsque l'utilisateur dit « créer un formulaire », « créer un tableau de bord », « concevoir un composant », « créer une page de destination » ou demande un travail UI/UX.

7Installations·1Tendance·@arvindand

Installation

$npx skills add https://github.com/arvindand/agent-skills --skill ui-ux-design

SKILL.md

Create functional, accessible, visually distinctive interfaces. Output is working code.

| Contrast | 4.5:1 text, 3:1 UI components | | Focus states | Visible outline on all interactive elements | | Touch targets | Minimum 44×44px | | Reduced motion | Respect prefers-reduced-motion | | Labels | All inputs have associated labels | | Empty states | Helpful message + clear action | | Error states | Explain what happened + how to fix |

| Minimalism | Productivity, professional, portfolios | | Glassmorphism | Dashboards, tech products | | Neubrutalism | Creative, startups, distinctive brands | | Editorial | Content sites, publications | | Organic | Consumer apps, wellness, community | | Dark Mode | User preference, low-light contexts |

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/arvindand/agent-skills --skill ui-ux-design
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que ui-ux-design ?

Créez des interfaces frontales de qualité production avec une solide UX et un savoir-faire visuel. À utiliser lors de la création de composants Web, de pages, de tableaux de bord, de formulaires, de pages de destination ou de toute interface utilisateur. À utiliser lorsque l'utilisateur dit « créer un formulaire », « créer un tableau de bord », « concevoir un composant », « créer une page de destination » ou demande un travail UI/UX. Source : arvindand/agent-skills.

Comment installer ui-ux-design ?

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/arvindand/agent-skills --skill ui-ux-design 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/arvindand/agent-skills

Détails

Catégorie
*Créativité
Source
skills.sh
Première apparition
2026-02-01