Cum agenții Vercel construiesc pagini conforme cu brandul folosind ghiduri de design

Vercel a implementat un sistem sofisticat care utilizează agenți de codare pentru a proiecta și construi pagini web care respectă cu strictețe identitatea brandului companiei, incluzând tipografia, culoarea și compoziția. Această inițiativă își propune să asigure că toate paginile, fie că sunt construite intern sau de agenți, reflectă același raționament de design ca cele dezvoltate de echipele umane. Nucleul acestui sistem este o competență (skill) care învață agenții cum să interpreteze și să aplice sistemul de design și ghidurile de produs Vercel în bazele lor de cod.

Implementarea tehnică implică o abordare pe mai multe niveluri pentru a externaliza cunoștințele de design. Inițial, Vercel a încercat să porteze ghidurile de design într-un prompt public, dar acest lucru s-a dovedit ineficient, deoarece diferite modele AI au interpretat limbajul subiectiv inconsecvent. Pentru a depăși această problemă, au dezvoltat un sistem în trei părți: design.md, o foaie de stil CSS și o buclă de evaluare. Fișierul design.md acționează ca un depozit central pentru sistemul de design și ghidurile de produs, oferind agenților informații structurate. Acesta este completat de o foaie de stil CSS care împachetează primitivele de design Vercel, cum ar fi anteturi și tabele, ca componente reutilizabile accesibile printr-un URL public, standardizând astfel elementele vizuale și eliminând deciziile de design din interpretarea modelului.

Implicațiile acestui sistem sunt semnificative pentru menținerea consistenței brandului și eficienței în fluxurile de lucru de dezvoltare web care implică agenți AI. Prin externalizarea deciziilor de design într-un format structurat și utilizarea unei bucle de evaluare cu verificări deterministe și judecată umană, Vercel poate asigura că paginile generate de AI sunt nu numai vizual consistente, ci și structurale solide și aliniate cu obiectivele produsului. Această metodă permite agenților să construiască pagini cu rezultate predictibile, reducând nevoia de revizuire manuală și iterație extinsă și deschizând calea pentru procese de design asistate de AI mai scalabile și fiabile.