Frontend e UI
Animation Review
Trova, migliora e revisiona il movimento rispetto a un’asticella di qualità senior.
Che cos’è
Tre skill di movimento di Emil Kowalski che lavorano come un unico ciclo: trovare i punti che dovrebbero animarsi, migliorare il movimento esistente e revisionare il codice di animazione rispetto a un’alta asticella di qualità.
Bundles 3 commands: find-animation-opportunities / improve-animations / review-animations
Find, improve and review motion in a codebase against a senior craft bar.
Perché conta per il design
- Fa emergere la UI che dovrebbe muoversi e non lo fa, e scarta il movimento che non dovrebbe esserci.
- Trasforma il vago «rendilo più piacevole» in un audit del movimento con priorità.
- Tiene l’animazione a un’asticella di qualità dichiarata, non al gusto personale.
Cosa copre
- Find animation opportunities
- Improve animations
- Review animations
- Craft bar
Come installarlo
Animation Review
-
Clona il repository.
git clone https://github.com/emilkowalski/skills -
Punta Codex sul file della skill.
skills/find-animation-opportunities/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Esegui il passaggio di ricerca per individuare le opportunità di movimento nella tua UI.
-
Applica il passaggio di miglioramento per rilavorare il codice di animazione esistente.
-
Esegui il passaggio di revisione prima di spedire per intercettare il movimento di scarsa qualità.
Ogni plugin qui è gratuito, open source e rimanda alla sua vera fonte upstream.
Altro sulla lista codex-design ↗Altri plugin di design per Codex
Frontend e UI Cosa fa gpt-taste Costruisce landing page da premio con motion GSAP legato allo scroll e griglie bento senza vuoti. 
Design system Cosa fa Stitch Design Taste Scrive un DESIGN.md che guida Google Stitch verso schermate non generiche. 
Frontend e UI Cosa fa image-to-code Genera prima immagini di design, le analizza, poi costruisce il codice frontend corrispondente. 
Frontend e UI Cosa fa imagegen-frontend-mobile Genera flussi di schermate per app mobile di livello premium come immagini, non come codice. Prossimo passo
Progetta con Open Design, senza il setup
Installa questo plugin da solo, oppure porta attorno a Codex un intero strato di design curato con Open Design. Usa la tua chiave, resta padrone dell’output.