GratuitVidéo
Fenêtre d'application et zoom
- 365365 téléchargements
- 125125 mentions J'aime
- 188188 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Processus de design UI/UX frontend v1.0.0
Utilisez cette ressource pour concevoir une interface web de la recherche jusqu'à la livraison
Nouveau
- 586 téléchargements
- 197 mentions J'aime
- 161 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install ui-ux-design-workflowSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent suit un processus en huit étapes : besoins, recherche, wireframes, design visuel, accessibilité, responsive, composants, documentation. Il charge les guides détaillés de references/ au moment utile. Vous obtenez des spécifications de design, un catalogue de composants et des consignes de livraison aux développeurs.
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitVidéo
Un seul grand chiffre
- 463463 téléchargements
- 223223 mentions J'aime
- 100100 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
PalateKit Motion, la bibliothèque
- 338338 téléchargements
- 198198 mentions J'aime
- 249249 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Trois barres face à face
- 348348 téléchargements
- 133133 mentions J'aime
- 182182 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Avant / après au curseur
- 322322 téléchargements
- 248248 mentions J'aime
- 238238 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Carrousel de trois cartes
- 418418 téléchargements
- 157157 mentions J'aime
- 101101 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Échange en bulles
- 564564 téléchargements
- 127127 mentions J'aime
- 161161 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste qui se coche
- 442442 téléchargements
- 233233 mentions J'aime
- 160160 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md traduit en français : le processus en huit étapes et les principes clés
- Douze guides dans references/ : processus, principes, design systems, accessibilité, responsive, composants, performance, exemples
- Des modèles de livrables et une liste de contrôle qualité
Pour qui
- Cadrer le design d'un nouveau site ou d'une application
- Construire un design system avec jetons et composants
- Préparer un dossier de livraison pour une équipe de développement
Pas pour qui
- Obtenir une identité visuelle très travaillée
- Produire des visuels ou des illustrations
- Coder l'interface finale
Étiquettes
- ui
- ux
- design system
- responsive
- composants
À propos
Vous dites
« Conçois l'interface de mon application de réservation : wireframes mobiles, palette, composants principaux et consignes de livraison. »
Skill publiée par dauquangthanh sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- La description du projet et du public visé et Votre charte graphique si elle existe
Comment l'utiliser
- Décrivez le projet, le public et les contraintes
- Validez wireframes et direction visuelle
- Récupérez spécifications, composants et liste de contrôle
Aperçu du contenu
Fichiers
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- references/accessibility-guide.md14,4 Ko
- references/component-library.md15,4 Ko
- references/component-patterns.md1,6 Ko
- references/design-checklist.md0,9 Ko
- references/design-principles.md1,3 Ko
- references/design-systems.md1,1 Ko
- references/design-tools-and-resources.md1,5 Ko
- references/examples.md1,6 Ko
- references/output-format.md1,1 Ko
- references/performance-optimization.md1 Ko
- references/responsive-design.md12,8 Ko
- references/uiux-design-process.md8,2 Ko
- SKILL.md8,7 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- dauquangthanh
- Source
- github.com/dauquangthanh/hanoi-rainbow/tree/0e2ebaea024ad494bfd39cba73effa61a9c978cf/skills/frontend-ui-ux-design
- Licence
- MIT
Notice
Version modifiée de « frontend-ui-ux-design » (dauquangthanh, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Les guides de references/ sont-ils indispensables ?
Oui pour la profondeur : le fichier principal les appelle étape par étape. Gardez le dossier complet.
Le contenu est-il spécifique à un framework ?
Non, les consignes sont générales et s'adaptent à tout framework CSS ou JavaScript.