Configurerò il regression visivo di playwright e i test ci per la tua app react

Spedire l'interfaccia utente rapidamente con Cursor, Copilot o Claude? Ottimo per la velocità, rischioso per la coerenza. Una piccola modifica può cambiare colore, spaziatura o font mentre i test unitari rimangono verdi perché controllano la logica, non l'aspetto.

Ho impostato una barriera visiva in modo che AI e umani possano cambiare l'interfaccia velocemente mentre le modifiche indesiderate vengono catturate prima del merge:

- Token di design semantici: colori e testo diventano ruoli nominati, non sfumature casuali.

- Test di regressione visiva: screenshot automatizzati delle schermate principali su desktop e mobile.

- Enforcement CI: lint, build, controlli visivi e test unitari eseguiti in GitHub Actions.

Prova: il mio build di riferimento open-source Opsboard copre 8 schermate con 16 controlli visivi automatizzati. L'uso del colore grezzo è stato ridotto da 225 a 4 ruoli nominati, validato su un vero runner di GitHub Actions. Questo è un build di riferimento, non una distribuzione client, senza utenti paganti.

Ideale per: React o Next.js con Tailwind e GitHub Actions. Non serve un abbonamento Figma a pagamento.

Escluso: test funzionali, di carico o di sicurezza; redesign dell'interfaccia; nuove funzionalità; hosting; deployment; manutenzione continua. Un preventivo separato può essere fornito per scope extra.

Contattami con il tuo repo, stack e pagine principali per verificare l'idoneità.