აგვ 2026 – სექ 2026
Epsilon Lab
Epsilon-ის საიტის 206 კომპონენტი, Stripe-ზე გაზომილი და ავტომატური შემოწმებებით დაცული
- საიტები და აპები
- კომპონენტების ბიბლიოთეკა
- ხანგრძლივობა
- 1 თვე
- კომპანია
- Epsilon Solutions
- როლი
- მფლობელი; ხარისხის ზღვარი და აგენტების მართვა
მიმოხილვა
დამოუკიდებელი Next.js აპლიკაცია 206 კომპონენტით 23 კატეგორიაში; სწორედ მისგან იკრიბება Epsilon-ის საიტი. ის Stripe-ის გაზომილ გეომეტრიას, ტიპოგრაფიკასა და მოძრაობას Epsilon-ის ფერებში იმეორებს, ავტომატური შემოწმებები კი მას იმდენად მკაცრს ხდის, რომ აგენტები მისგან გვერდებს სტილიდან გადაუხვევლად აწყობენ.
ინსტრუმენტები
- Next.js
- React
- TypeScript
- Vitest
- Playwright
- axe-core
- Claude Code
გაზომილი და არა თვალით შეფასებული
საიტს სჭირდებოდა კომპონენტების საფუძველი, რომლის ხარისხიც იზომება და თვალით არ ფასდება: ზუსტი დაშორებები და შრიფტი, კლავიატურით მართვა, კონტრასტი, შემცირებული მოძრაობის რეჟიმი და ქართული ტექსტის სწორი გამოსახვა. ის საკმარისად მკაცრიც უნდა ყოფილიყო, რომ AI აგენტებს მისგან გვერდები სტილიდან გადაუხვევლად აეწყოთ.
Stripe-ის გეომეტრია, Epsilon-ის ფერი
მნიშვნელობები Stripe-ის რეალური CSS-იდან და დაშბორდის კოდიდანაა აღებული და არა თვალზე შეფასებული. წესი მარტივია: გეომეტრია და ინტერაქცია Stripe-ისაა, ფერი და შინაარსი Epsilon-ის. ფერის ერთადერთი წყარო ტოკენების ორი ფაილია და ამას CSS-ის ცალკე შემოწმება აკონტროლებს. ახალი კომპონენტები, მაგალითად მენიუ, კომბობოქსი, თარიღის ამრჩევი და მონაცემთა ცხრილი, WAI-APG-ის კლავიატურულ ნიმუშებს მიჰყვება.
შემოწმებები და აგენტები
ერთი ბრძანება უშვებს CSS-ის შემოწმებებს, ტიპების შემოწმებას, ლინტს, Vitest-ის ტესტებს, პროდაქშენ ბილდს და საბოლოო გავლას კონსოლის, ქსელის, ჰიდრაციისა და axe-ის შეცდომებზე. დახვეწის კამპანიაში 206-ვე კომპონენტს თავისი Claude Code აგენტი ჰყავდა, მათ კი შემმოწმებელი აგენტები მოჰყვნენ, ყველა ჩემი ხელმძღვანელობით. ClickUp-ის სტილის აპლიკაციის შაბლონის 12-მარშრუტიანი საპილოტო ვერსია მანამ მოწმდებოდა, სანამ სრულმა გავლამ ერთი შენიშვნაც აღარ იპოვა.
შედეგი
დახვეწის კამპანიაში 730 დეფექტი გასწორდა, ტესტების რაოდენობა კი 5 358-მდე გაიზარდა. axe-ის კონტრასტის შენიშვნების დასაშვები რაოდენობა 127-დან 17-მდე შემცირდა, 1 420-ვე ელემენტი კლავიატურით მისაწვდომია ხაფანგების გარეშე, უმოქმედო მდგომარეობაში ანიმაცია წამში 180-240 კადრიდან დაახლოებით 0.2-მდე ჩამოვიდა, ქართული ასოების ქვედა ნაწილების მოჭრა კი 141 პიქსელიდან 0-მდე.