მთავარ შინაარსზე გადასვლა
გიორგი ელიაძე
პროექტები: პირადი პროექტები

აგვ 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-ს, როგორც ნაგულისხმევ იკონების ნაკრებს. მარშრუტიზაციის ფაილი კი თითოეულ ამოცანას მხოლოდ მისთვის საჭირო ფაილებისკენ მიმართავს.

პროექტები: პირადი პროექტები