ჩვენ უნდა ვისაუბროთ იმაზე, რამდენად საძაგელი გახდა თანამედროვე ვებდიზაინი (და როგორ შევქმენით AI, რომ ის დაგვეჭირა)

ნება მიბოძეთ, დაგიხატოთ სურათი, რომელიც, ვიცი, ახლახან თქვენც გამოგიცდიათ.

ცდილობთ ავიაბილეთის შეძენას, კონცერტის ბილეთების ყიდვას ან უბრალოდ მარტივი PDF კონვერტორის ჩამოტვირთვას. უცებ ვებსაიტი აბსოლუტურ ომის ველად იქცევა:

🚨 "ამ ფასში მხოლოდ 2 ადგილი დარჩა!"
⏳ სისხლისფერი ტაიმერი 05:00-იდან იწყებს უკუთვლას.
🟢 ჩნდება სამი უზარმაზარი, მბზინავი ღილაკი "ჩამოტვირთე ახლა", და თქვენ იცით, რომ ორი მათგანი ვირუსს დააინსტალირებს.
🥺 და როცა ფანჯრის დახურვას ცდილობთ? ერთადერთი ღილაკი ამბობს: "არა, მადლობა, მირჩევნია სრული ფასი გადავიხადო და ვიტანჯო."

ამას ვუწოდებთ "მარკეტინგს". მაგრამ გულწრფელად რომ ვთქვათ: ეს უბრალოდ მატყუარა ინჟინერიაა.

ეს არის Dark Patterns, ანუ UI/UX გადაწყვეტილებები, რომლებიც განზრახ არის შექმნილი იმისთვის, რომ მომხმარებელი მოატყუონ, დაადანაშაულონ ან აიძულონ გააკეთოს ის, რაც არ სურდა. და გულწრფელად? ეს საძაგელი ხდება. როგორც დეველოპერები, ჩვენ ვქმნით ვებს. არ უნდა გვეთანხმებოდეს, რომ ვები აქტიურად манიპულირებდეს თავის მომხმარებლებზე.

ამიტომ, ჩემმა გუნდმა Tarkash Labs-ში გადაწყვიტა, წინააღმდეგობა გაეწია. ჩვენ შევქმენით კოგნიტური ვიზუალური ფარი, რომელიც ამ პატერნებს რეალურ დროში იჭერს.

გაიცანით OmniGuard AI.

https://www.youtube.com/embed/vR4NOdhGkRE

🛡️ როგორ მუშაობს OmniGuard (ტექნოლოგიური სტეკი)

ყველაზე მეტი ad-blocker-ისა და კონფიდენციალურობის გაფართოების პრობლემა ისაა, რომ ისინი სტატიკურ ბლოკლისტებსა თუ CSS სელექტორებს ეყრდნობა. თუმცა თანამედროვე dark patterns დინამიურია. ისინი ჩვეულებრივი DOM ელემენტების სახითაა შენიღბული.

იმისთვის, რომ ისინი დაგვეჭირა, ისეთი ინსტრუმენტი დაგვჭირდა, რომელსაც ვებს ისე შეეძლო დანახვა, როგორც ადამიანი ხედავს.

OmniGuard ავაშენეთ როგორც Manifest V3 Chrome გაფართოება, რომელსაც FastAPI backend და Gemini 3.7 Flash ამუშავებს.

აი, ზუსტი მიმდინარეობა:

1. "თვალები" (React 18 + Vite გაფართოება):
როცა დააწკაპუნებთ "Scan"-ზე (ან ჩართავთ ავტომატურ სკანირებას სქროლისას), გაფართოება იღებს ეფემერულ, მაღალკომპრესირებულ სკრინშოტს თქვენი აქტიური viewport-ისა.

2. "ტვინი" (FastAPI + Gemini 3.7 Flash):
სურათი იგზავნება ჩვენს stateless FastAPI backend-ში. ვიყენებთ Gemini 3.7 Flash-ის მულტიმოდალურ შესაძლებლობებს, რათა გვერდის ვიზუალური კონტექსტი გავაანალიზოთ. ის არა მხოლოდ კოდს კითხულობს; ის ესმის, როგორ გამოიყურება UI.

3. "ფარი" (Shadow DOM ინჟექცია):
თუ Gemini dark pattern-ს აღმოაჩენს, backend ზუსტ კოორდინატებს უბრუნებს გაფართოებას. შემდეგ გვერდის თავზე ვანათავსებთ Shadow DOM ფენას და მატყუარა ელემენტებს ზუსტად ზედ ვუხაზავთ მბზინავ წითელ ჩარჩოებს, სრულად ვიცავთ ჩვენს CSS-ს ჰოსტ გვერდის სტილებისგან.

🕵️‍♂️ 6 ბოროტმოქმედი, რომელსაც ვეძებთ

OmniGuard ამჟამად კონფიგურირებულია, რომ ამოიცნოს ვიზუალური მატყუარობის ექვსი კონკრეტული კატეგორია. აი, როგორ იჭერს ის მათ რეალურ გარემოში:

1. შენიღბული დაწკაპუნებები
ღილაკები, რომლებიც სხვა რამედ ნიღბავენ თავს (მაგალითად, ყალბი ჩამოტვირთვები, რომლებიც რეკლამასა თუ ვირუსთან მიგიყვანთ).

2. Confirmshaming
დანაშაულის გრძნობის მომგვრელი უარის თქმის ტექსტი, რომელიც გამოწერაზე უარის თქმის გამო გრძნობას გაგიჩენთ, თითქოს ცუდი ხართ.

3. Urgency Traps (სასწრაფოობის ხაფანგები)
ცრუ უკუთვლა და ხელოვნური დეფიციტის შეტყობინებები.

4. დამალული ხარჯები (Drip Pricing)
საკომისიოები და გადასახადები, რომლებიც ჯადოსნურად ჩნდება checkout-ის ბოლოს.

5. Sneak into Basket (კალათაში მალული შეყვანა)
უსურველი პროგრამული პაკეტები ან დაზღვევები, რომლებიც ჩუმად არის წინასწარ მონიშნული ჩამოტვირთვის ან checkout-ის დროს.

6. Forced Continuity (იძულებითი გაგრძელება)
"უფასო საცდელი პერიოდები", რომლებიც აგრესიულ ავტომატურ განახლების პირობებს წვრილ შრიფტში მალავენ.

🔒 Zero-DB კონფიდენციალურობის არქიტექტურა

ერთ-ერთი ყველაზე დიდი გამოწვევა AI გაფართოების აგებისას, რომელიც ბრაუზერის სკრინშოტებს იღებს, არის კონფიდენციალურობა. პირველი დღიდანვე ვიცოდით, რომ თუ მომხმარებლების დასაცავ ინსტრუმენტს ვქმნით, მათი მონაცემების კომპრომეტირება არ შეგვიძლია.

ამიტომაა, რომ OmniGuard backend 100%-ით stateless-ია. ის Zero-DB არქიტექტურას იყენებს. viewport-ის სკრინშოტი მხოლოდ მეხსიერებაში არსებობს იმ მილიწამებში, რაც Gemini-ს მის დამუშავებას სჭირდება, და შემდეგ მაშინვე ნადგურდება. არაფერი ინახება, არ ილოგება და არ შეინახება.

💻 სცადეთ თავად (Open Source)

მთელი პროექტი ღია კოდით გავავრცელეთ. თუ გნებავთ, ნახოთ, როგორ დავამუშავეთ Manifest V3 ჩანართების გადაღება, ან როგორ მივცით Gemini Flash-ს მოთხოვნა UI კოორდინატების რუკისთვის, შეგიძლიათ ნახოთ რეპოზიტორია აქ:

Tarkash-Labs / OmniGuard

OmniGuard არის რეალურ დროში მომუშავე, მულტიმოდალური ბრაუზერის გაფართოება, რომელიც მატყუარა UI/UX-ის წინააღმდეგ კოგნიტურ ვიზუალურ ფარად მოქმედებს. Gemini-ზე დაყრდნობით, ის მყისიერად ამოიცნობს "Dark Patterns"-ს, როგორიცაა ცრუ ტაიმერები ან დამალული ხარჯები, და HTML5 Canvas ჩარჩოებს ათავსებს, რათა მომხმარებლები დაწკაპუნებამდე დაიცვას. აგებულია უსაფრთხო, zero-DB კონფიდენციალურობის არქიტექტურაზე.

რეალურ დროში მულტიმოდალური Dark Pattern & ვიზუალური მატყუარობის რადარი

OmniGuard AI არის Chrome ბრაუზერის გაფართოება, რომელიც მოქმედებს როგორც კოგნიტური ვიზუალური ფარი მატყუარა UI/UX-ის წინააღმდეგ. Gemini 3.7 Flash-ზე დაყრდნობით, ის იღებს იმას, რასაც მომხმარებლები სინამდვილეში ხედავენ ვებგვერდზე, რეალურ დროში ამოიცნობს dark patterns-ს და პირდაპირ მატყუარა ელემენტებზე ახდენს ცოცხალი ჩარჩოების დადებას — სანამ მომხმარებლები დააწკაპუნებენ.

შექმნილია Tarkash Labs-ის მიერ

✨ შესაძლებლობები

OmniGuard რეალურ დროში ამოიცნობს dark patterns-ის 6 კატეგორიას:

დიდი მადლობა ჩემს გუნდის წევრებს, Yug Vasava-ს (Lead Dev) და Avadh Vaishnani-ს (Lead QA), რომ დაგვეხმარნენ ამის რეალობად ქცევაში.

👇 ახლა მინდა ვიცოდე...

ჩვენ მუდმივად ვცდილობთ, გავაუმჯობესოთ AI-ის ამოცნობის შესაძლებლობები.

რა არის ყველაზე არაეთიკური, გამაბრაზებელი ან უბრალოდ საძაგელი dark pattern, რომელიც ბოლო დროს კომპანიისგან ნახეთ?

დაწერეთ კომენტარებში, რომ OmniGuard ის დაჭერა ვასწავლოთ! 🚀