აგვ 2026
UI/UX ცოდნის ბაზა AI აგენტებისთვის
დიზაინის გზამკვლევი, ბილდის სახელმძღვანელო და წესები, რომლებსაც AI აგენტი ინტერფეისის აწყობამდე კითხულობს
- AI
- ცოდნის ბაზა
- ხანგრძლივობა
- 1 თვე
- როლი
- ავტორი; Claude Code თანაავტორად
მიმოხილვა
დიზაინის სტრუქტურირებული ცოდნის ბაზა, რომელსაც Claude Code ან ნებისმიერი AI აგენტი საიტების, დაშბორდებისა და აპლიკაციების აწყობისას კითხულობს. მასშია Kole Jain-ის UI/UX ვიდეოებზე დაფუძნებული 21-თავიანი გზამკვლევი, ბილდის სახელმძღვანელო ექვსი საკონტროლო წერტილით, დადგენილი წესების ჟურნალი და გადამოწმებული რესურსები.
ინსტრუმენტები
- Claude Code
- Markdown
- Next.js
- Tailwind CSS
- shadcn/ui
რატომ გამოდის AI-ს ინტერფეისი უსახური
AI აგენტები კომპეტენტურ, მაგრამ უსახურ ინტერფეისებს ქმნიან: ბუნდოვანი პრომპტი სტატისტიკურ საშუალოს იღებს, მოდელი საკუთარ რენდერს ვერ ხედავს, დიზაინ-სისტემის გარეშე კი მნიშვნელობები გვერდიდან გვერდზე იცვლება. ვიდეოებში მიმოფანტული დიზაინის რჩევები ზოგჯერ ერთმანეთს ეწინააღმდეგება, ზოგჯერ კი რეალური Next.js და Tailwind 4 პროექტისთვის მოძველებულია.
რას შეიცავს
ბირთვი 21-თავიანი გზამკვლევია, რომელიც Kole Jain-ის დაახლოებით 50 UI/UX ვიდეოს ეფუძნება და კონკრეტულ მნიშვნელობებს გვთავაზობს ტიპოგრაფიკის, ფერის, განლაგების, დაშორებების, კომპონენტების, დაშბორდების, მობილურის, ფორმების, ცხრილების, გადახდის გვერდის, ანიმაციისა და ანტი-პატერნებისთვის. მის გვერდით არის 201 ვიდეოს სინთეზი იმაზე, რატომ მარცხდება AI-ს აწყობილი ფრონტენდები და რა ასწორებს მათ; ეს ვიდეოები Opus-ის 10 პარალელურმა აგენტმა გააანალიზა. რესურსების კატალოგებში შესულია shadcn-ის დაახლოებით 76 რეპოზიტორია ლიცენზიებით და ფოტოსა და ვიდეოს 18 API ლიცენზიების მოკლე ცნობარით.
როგორ იყენებს მას აგენტი
ბილდის სახელმძღვანელო პროექტს 0-დან 8-მდე ფაზაში ატარებს ექვსი საკონტროლო წერტილით: დამტკიცებული რეფერენსები კოდამდე, დიზაინის ფაილი პროექტის აწყობამდე, რეალური ტექსტი და მასალა, hero ბლოკის ვარიანტები, ეკრანის სურათებით შემოწმება დესკტოპსა და მობილურზე და ანტი-პატერნების აუდიტი ბილდითა და ლინტით. გადაწყვეტილებების ჟურნალი წყაროებს შორის 14 წინააღმდეგობას წყვეტს, მაგალითად ანიმაციის დროებს და Lucide-ს, როგორც ნაგულისხმევ იკონების ნაკრებს. მარშრუტიზაციის ფაილი კი თითოეულ ამოცანას მხოლოდ მისთვის საჭირო ფაილებისკენ მიმართავს.