Actions

Work Header

Rating:
Archive Warning:
Category:
Fandom:
Additional Tags:
Language:
English
Series:
Part 1 of Add-ons
Stats:
Published:
2026-07-01
Words:
140
Chapters:
1/1
Comments:
17
Kudos:
44
Bookmarks:
18
Hits:
1,877

Claude/AI Detector Parent Skin

Summary:

I've seen this tweet from @heatedrivalryai on X sharing how to add Claude/AI detector notification when you click on a fic that's been generated by Claude AI. So i made my own version where you can have the AI Detector as a parent skin for your custom site skins.

Claude generated fic that got detected will have little red "You got a call from “Claude”!" notification pop up on it instead of the whole screen turning bright red.

Notes:

Some of the multi chapters fic you need to click "Entire work" to make the detector work. And it can only detect a straight copied from Claude AI to AO3. Please excuse my low quality screenshot😭

Work Text:

Preview, CSS Code, and Tutorial :

Screenshot of my AO3 skin

body:has(.userstuff p.font-claude-response-body)::after {
  content: "You got a call from “Claude”!";
  white-space: pre;
  position: fixed;
  bottom: 70px;
  right: 20px;
  width: 220px;
  background: #e60000;
  color: #fff;
  font-family: "Courier New", monospace;
  font-size: 12px;
  padding: 10px;
  border: 2px solid #b30000;
  box-shadow: 3px 3px 0 rgba(179, 0, 0,40%);
  z-index: 10;
}

How to add parent skin :

- Create a new site skin and give it a unique title.
- Copy the code above to the CSS box.
- Go to "Advanced" and click "Show↓".
- ✓ Parent Only option.
- Now go to your custom site skin, and go to "Advanced" scroll until you see "Parent Skins".
- "Add Parent Skin" and type your AI detector title to the area text below the "Parent #whatevernumber" and chose the little pop up of your title.
- "Submit" and you're done!

For testing the Claude Detector

Series this work belongs to: