·product-ui-prototyping
*

product-ui-prototyping

Concevoir et valider le comportement de l'interface utilisateur du produit en tant que prototypes d'état visuel avant le codage. À utiliser lorsque les tâches demandent comment les écrans doivent changer après les actions de l'utilisateur (cliquer, appuyer, soumettre), lorsque des non-développeurs doivent examiner les flux UX Web/iOS/Android, ou lorsque les équipes ont besoin d'actifs d'état d'interaction et de contrôles d'acceptation pour la mise en œuvre.

9Installations·3Tendance·@autobyteus

Installation

$npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping

Comment installer product-ui-prototyping

Installez rapidement le skill IA product-ui-prototyping dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : autobyteus/autobyteus-skills.

Turn product ideas into testable UI behavior using generated and edited screen images. Produce state-by-state visuals, click-through transition logic, and per-platform viewers that teams can navigate end-to-end before implementation.

3) Create One Canonical Product Base Spec And Shell Lock

Concevoir et valider le comportement de l'interface utilisateur du produit en tant que prototypes d'état visuel avant le codage. À utiliser lorsque les tâches demandent comment les écrans doivent changer après les actions de l'utilisateur (cliquer, appuyer, soumettre), lorsque des non-développeurs doivent examiner les flux UX Web/iOS/Android, ou lorsque les équipes ont besoin d'actifs d'état d'interaction et de contrôles d'acceptation pour la mise en œuvre. Source : autobyteus/autobyteus-skills.

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/autobyteus/autobyteus-skills --skill product-ui-prototyping Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-10
Mis à jour
2026-03-10

Browse more skills from autobyteus/autobyteus-skills

Réponses rapides

Qu'est-ce que product-ui-prototyping ?

Concevoir et valider le comportement de l'interface utilisateur du produit en tant que prototypes d'état visuel avant le codage. À utiliser lorsque les tâches demandent comment les écrans doivent changer après les actions de l'utilisateur (cliquer, appuyer, soumettre), lorsque des non-développeurs doivent examiner les flux UX Web/iOS/Android, ou lorsque les équipes ont besoin d'actifs d'état d'interaction et de contrôles d'acceptation pour la mise en œuvre. Source : autobyteus/autobyteus-skills.

Comment installer product-ui-prototyping ?

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/autobyteus/autobyteus-skills --skill product-ui-prototyping Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/autobyteus/autobyteus-skills

Détails

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