AI Prompt Inject Detector Demo Page
This page contains several "gremlins" (hidden or misleading text techniques) for testing screenshots and behavior.
Your extension should reveal/neutralize them depending on enabled rules.
Visible baseline
This is normal visible text for reference.
Gremlin: visibility hidden
Below should be hidden by CSS:
HIDDEN TEXT (visibility: hidden). If your fix runs, this should become visible.
Gremlin: color transparent
Below should be invisible text but the background shows something is there:
INVISIBLE TEXT (color: transparent). If your fix runs, this should become readable.
Gremlin: rgba alpha 0
Below should be invisible because alpha is zero:
INVISIBLE TEXT (color: rgba(0,0,0,0)). If your fix runs, this should become readable.
Gremlin: font-size 0
Below contains text but font-size is zero:
ZERO-SIZE TEXT (font-size: 0). If your fix runs, this should become readable.
Gremlin: crazy font
Below uses intentionally goofy fonts:
This line uses "crazy" fonts and spacing. If font standardization is enabled, it should look normal.
Gremlin: Dark Reader inline variable (simulated)
This simulates a case where text becomes transparent due to a CSS variable like --darkreader-inline-color.
INVISIBLE TEXT (uses --darkreader-inline-color: transparent). If your fix runs, this should become readable.
Gremlin: inline style on element
Below uses inline style to hide text (should be fixed too):
INLINE-HIDDEN TEXT (style="color: transparent; font-size: 0;").