Prototype Spectre

Ce que cela fait

Produit un prototype HTML unique et portable pour une fonctionnalité ou un flux, permettant aux parties prenantes d'examiner l'UI, les états et les interactions avant la planification ou le développement. La compétence lit les documents UX/spécifications existants lorsqu'ils sont disponibles et rend un prototype dont la fidélité est adaptée (basse/moyenne/haute), enregistré dans un chemin OUT_DIR/prototypes standard. Elle impose des règles de portabilité : SVG en ligne, jetons CSS, pas d'images externes et des états non-optimistes pour chaque écran.

Quand l'utiliser

Utilisez cette compétence pour rendre visibles des exigences ambiguës : avant une planification détaillée, lors de la validation de décisions UX, ou lorsqu'un artefact visuel rapide est nécessaire pour aligner les parties prenantes. Elle prend en charge le rendu post-ux (haute fidélité) et la synthèse à partir de documents de portée ou de descriptions (fidélité moyenne/basse).

Ce qui est inclus

• Scripts : aucun script inclus dans le répertoire de la compétence (has_scripts=false)
• Références : aucune référence supplémentaire incluse (has_references=false)
• Instructions : modes d'invocation détaillés, flux d'admission, flux de travail de sous-agents pour la recherche/analyse/modèles, et contraintes strictes de génération HTML et de vérification de la portabilité. Le fichier SKILL.md définit les blocs de métadonnées, les règles de jetons de conception et un chemin de sortie reproductible.

Agents compatibles

Cette compétence est agnostique vis-à-vis de l'implémentation ; elle est utile pour les agents capables d'écrire des fichiers et d'exécuter des scripts simples (Copilot/Codex/Gemini CLI/Claude Code). Elle nécessite un accès au répertoire de travail et des outils shell de base.