highfi-visual-prototype

Compétence Codex de prototypage visuel haute-fidélité pour chefs de produit.

Qu'est-ce que highfi-visual-prototype ?

Cette compétence pour Codex permet aux chefs de produit de générer rapidement des prototypes visuels haute-fidélité à partir de descriptions textuelles. Basée sur le rendu SVG, elle facilite la communication des concepts produit, des maquettes d'interface et des parcours utilisateur sans nécessiter de compétences en design graphique. La compétence produit des aperçus visuels directement dans l'environnement de développement, accélérant ainsi les itérations de conception et l'alignement des parties prenantes. Elle est conçue pour être utilisée avec l'outil Codex et exploite le langage SVG pour une expressivité visuelle riche.

Compatible avec~Claude Code✓Codex CLI~Cursor
npx skills add hwl-svg/highfi-visual-prototype

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait highfi-visual-prototype ?

Compétence Codex de prototypage visuel haute-fidélité pour chefs de produit.

Cette compétence permet de créer des prototypes visuels de haute qualité directement depuis l'environnement Codex, en se basant sur des descriptions textuelles. Idéale pour valider rapidement des concepts d'interface, des parcours utilisateur ou des mockups de fonctionnalités.

Fonctionnalités

  • Génération de prototypes SVG haute-fidélité à partir de prompts
  • Idéal pour les chefs de produit souhaitant visualiser des idées sans compétences en design
  • Aperçu en direct dans le terminal ou le chat Codex
  • Itérations rapides : modifiez le prompt pour affiner le design

Utilisation

Invitez la compétence avec une description de votre prototype. Par exemple :

Crée un prototype visuel d'un écran de connexion mobile avec un champ email, un champ mot de passe, et un bouton de connexion bleu.

La compétence renverra un SVG intégré ou un lien vers l'aperçu.

Exemples

  • Génère un dashboard de suivi de livraison avec trois colonnes
  • Crée un formulaire de recherche avec une barre de recherche et un bouton
  • Affiche un profil utilisateur avec avatar, nom et bio

Notes

  • La compétence est optimisée pour Codex et utilise le format SVG pour une haute fidélité.
  • Les résultats sont purement visuels et non interactifs.

Skills associés