stageshow

stageshow fabrique des interfaces produit miniatures : une interface credible, cadre dans son espace, en une image fixe ou une courte animation ou une seule chose se passe, ou le spectateur reconnait l'ecran et voit la chose se passer. Son idee unique : cela se lit comme un vrai produit, simplifie a ce dont le spectateur a besoin, cadre avec intention, et chaque mouvement a une cause. Cinq facons d'echouer sont nommees : trop (du vrai texte dans chaque ligne, des chiffres partout, tout entasse); maquette filaire (deux masses grises et un bouton, construit trop petit ou depouille de ce qui le rendait reconnaissable); boite (une fenetre entiere retrecie dans une carte avec des marges egales, une capture collee, pas une photo de produit); plat (chaque objet du meme poids dans la meme carte bordee, l'oeil sans endroit ou se poser); et fade (une fenetre grise avec un curseur, quel que soit le brief). Le correctif : un ecran complet et structure en gris discrets, de vrais mots seulement sur ce dont l'histoire parle, des lignes d'espace reserve pour le reste, de l'air pour respirer, et un recadrage qui met l'oeil la ou l'histoire se trouve, en simplifiant les mots, pas le contexte. Le flux de travail ecrit d'abord le plan (ou cela se place, l'objet focal, l'action, la recompense, ce qu'on peut omettre), puis le medium et le lieu, l'aspect (jetons mappes depuis le produit, theme, palette, fidelite minimal, standard ou realistic), l'histoire (trois a cinq temps et une recompense, 10 a 16 secondes), en partant de l'exemple gold le plus proche et en copiant son dossier plutot que de le reecrire d'un coup d'oeil, en construisant l'ecran avec un budget de generalement 3 a 7 chaines reelles, en choregraphiant avec l'API Act, et en repetant avec une image d'affiche d'abord, puis la boucle filmee a la largeur affichee et a 390, plus une revue d'oeil neuf et une note REHEARSAL a cote du composant. Le kit est copie dans le projet et importe depuis kit/index.ts, avec React, react-dom et lucide-react, couvrant la scene, les cadres, les parties de mouvement et les petites parties. Limites telles qu'ecrites : concevoir a la taille ou ce sera vu, environ 720 par 340 pour un hero a cote d'un texte, 900 a 1100 de large pour un hero pleine largeur, 400 par 300 pour une carte, affiche a 1:1, jamais sous environ 320 de large pour une demo; chaque demo pouvant se placer dans une colonne de telephone livre un design compact a la largeur de la colonne (358), une refonte et non un retrecissement. Credit : cree par benjitaylor. Licence : le fichier vette n'indique aucune licence, donc elle est notee non indiquée. Source : https://github.com/benjitaylor/skills, fichier stageshow/SKILL.md (chemin corrige, pas skills/stageshow/SKILL.md).