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

Gravity Field

Buttons orbit around invisible gravity wells. As you try to click them, they drift away:

Pendulum Fields

Form fields swing like pendulums powered by your keystrokes. Keep typing to maintain momentum. If any pendulum stops, you can't submit:

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:

Runaway Button

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.

Form Rotation & Scale Chaos

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

Mitosis Button

Click the wrong button and more spawn. Only one is "real" at any time:

Shifting Interfaces

Form elements randomly shift position, change colors, and duplicate themselves. AI can't reliably target elements that keep moving:

Deception & Confusion

Traffic Light Form

Fields only accept input when their traffic light is green. Each cycles at a different rate:

Fake Marquee Distraction Fields

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

Input Misdirection

Type in one field, your text appears in another. The target shuffles every few seconds:

Glitch Text

Characters constantly shuffle positions within the text. Humans can still read the word shape, but OCR gets scrambled output on every frame:

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 Shuffle

Labels randomly shuffle between different input fields. The "Email" label might appear above the password field, "Username" above email, etc:

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.

Popup & Notification Hell

Multiple overlapping popups with deceptive buttons. Only the X closes them:

Floating Banner Ads

Constant ad interruptions appearing at random positions with varied spam styles:

Download Roulette

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

Semantic Gaslighting

Buttons that do the opposite of what they say. Try to cancel your subscription:

Microscopic Close Button

The close button is so tiny you can barely see it. The fake "X" buttons are decoys:

Cookie Consent Mazes

Try to reject all cookies below. Good luck, some toggles may re-enable themselves:

Password Requirements Hell

Try creating a password. Watch the requirements multiply: