What is Anti-AI UI?

There are two categories of patterns that make interfaces hostile to AI:

1. Intentionally AI-Hostile: Designs specifically created to exploit how AI interacts with websites.
2. Naturally Hostile: Dark patterns humans have adapted to over decades but AI encounters for the first time.

Intentionally AI-Hostile Patterns

These patterns exploit specific weaknesses in how AI interacts with websites, organized by attack vector:

Movement & Chaos

Three-Form Carousel

Multiple identical forms that shuffle positions. AI can't tell which form is the real target when they all look the same:

Shifting Interfaces

Forms that constantly rotate, scale, and change colors. AI struggles to locate and click elements when coordinates keep changing:

Buttons That Run Away

Try to hover over the button. It moves faster than you can track:

Note: This demo requires a mouse and does not work on touch interfaces.

Fake Marquee Distraction Fields

Random fake input fields scroll across the screen. AI tries to fill them thinking they're real:

Form Rotation & Scale Chaos

The entire form rotates and scales randomly. Visually distracting for AI vision:

Distraction & Interruption

Popup & Notification Hell

Constant interruptions. Wait and watch (popups every 4s, badges every 2s):

Deception & Confusion

Header Text Glitching

Company names that cycle through variations, zalgo text, and different encodings. AI tries to read and match text exactly, gets confused by constantly changing strings:

Random Fake Errors

Absurd error messages that appear and disappear randomly while you fill out forms:

Floating Banner Ads

Constant ad interruptions appearing at random positions across the screen:

Marquee Input Fields

The entire input field scrolls across the screen like a marquee:

Navigation Breaking

Tab Index Randomization

Tab order shuffles every 3 seconds. AI relies on tab order for form navigation. Randomizing it breaks automated form filling:

Label Position Swapping

Labels that move between top, bottom, left, and right positions. AI expects labels in consistent locations relative to inputs:

Opacity Flashing

Elements that flash between visible and nearly invisible. AI computer vision loses track of elements when opacity changes rapidly:

Naturally Hostile Patterns

Dark patterns originally designed to manipulate humans that might work against AI. These are just four examples, the web is full of them. For a complete catalog, see the Dark Patterns Collection.

Cookie Consent Mazes

Try to reject all cookies below. Notice how "Accept All" is prominent while rejecting requires work:

Download Roulette

Multiple fake download buttons mixed with one real button. Can you spot the safe download?

Microscopic Close Buttons

The real close button is 4×4 pixels in the top right corner. The fake ones are larger:

Unsubscribe Mazes

Guilt-trip flows where every step tries to keep you subscribed. Both buttons say "Yes":

Password Requirements Hell

Try creating a password. Watch the requirements multiply: