How to Hide / Warn Any Ao3 Work That Uses a Generative AI Tag

a not so small guide on how to use my “yuu's AI Warner” and “yuu's AI Hider” skins on ArchiveOfOurOwn so you can avoid anything related to generative AI.

Section Titles for Easy Ctrl+F-ing

  • Getting Started (this is a small guide on how to access your skins)
  • Adding as a “Parent Skin” (the easiest way to add this code)
  • Choose which skin you want (displays the difference between the skins)
  • I have a custom site skin that I'm using already! (adding this skin to your current custom skin in use)
  • I don't have a site skin / I use a built in site skin (making a new skin to use this (and other) skin)
  • Copying the code directly (if you want to manually add the code)

Please Note The Following

changelog 2024.12.10: added another 105 tags 2024.12.10: created both “yuu's AI Warner” and “yuu's AI Hider” skins and this guide on how to install/use them.

Okay now that the tedious stuff is out of the way, to the guide itself!

Getting Started

Whether you're just going to use my skins as a parent or copy my code, the first few steps are the same! The steps are pretty much the same no matter what device you're using.

Adding as a “Parent Skin”

This is by far the easiest way in my opinion to add and whenever I update either skin, you get them automatically! Huzzah!

Choose which skin you want

As mentioned at the top, I have two different skins related to the “Created Using Generative AI” tag and related.

I redacted the titles and the authors in all these screenshots

How the “Created Using Generative AI” main tag looks normally

start of the "Created Using Generative AI" tag page on ao3. It lists that there are 1-20 of 3,812 works in the tag. There is only one fic blurb visible and the title and author has been redacted, but it is a Harry Potter holiday fic This is the tag normally!

with the “Hider” skin

start of the "Created Using Generative AI" tag page on ao3. It lists that there are 1-20 of 3,812 works in the tag. Below that, you can see the page buttons (1 through 191) but there are no works visible. With “yuu's AI Hider” you won't see them at all! It's just absolutely blank, and if a fic in another search has one of the tags, it just won't show (it will still count towards the 20 fics that you can view at once though!)

with the “Warner” skin

start of the "Created Using Generative AI" tag page on ao3. It lists that there are 1-20 of 3,812 works in the tag. There are 4 of fic blurbs with their author and title redacted, but you can see the first and third are from The Silmarillon and other histories of Middle-Earth fandom, while the second is from Harry Potter. You cannot view the tags. Above each title and archive warnings box, you can see the text "This work is tagged as using generative AI in some fashion!" With “yuu's AI Warner” the fic will still appear in all searches, but the summary and main tag list will not show and there's a nice little warning that says “This work is tagged as using generative AI in some fashion!” at the top of the box above the title!

Personally I use my “Warner” skin because something skeeves me when I see there should be twenty fics on a page but I can only see 15. Some people would prefer not see any AI generated fics at all!

You can use both of them, but it will default to Hider.

I have a custom site skin that I'm using already!

Awesome then this should be really simple for you!

And ta-dah! It's been added and should work immediately.

I don't have a site skin / I use a built in site skin

Okay let me walk you through making your own skin!

If you're using another parent code, it should work as well (and it doesn't matter which is first or second) ao3 screenshot of the "Created Using Generative AI" tag page" while using the Warner and Panda Madness CSS codes Hider + Panda Madness

If you're looking for skins, there's a nice collection of them that you can either copy or use as parents to your custom skin! If you're looking for more ways to customize your reading experience, check out AO3's guide to Skins Interface, Eliot's Permablocking Specific Tags, how to add scrollable tags and najio's very specific guide to blocking/highlighting fics.

Copying the code directly

Okay! So if you don't want to do it the easy way you can click here to see the code broken down into three sections. I do not suggest this method for mobile users because most mobile devices have a limit to the amount of characters you can copy and this exceeds it.

“AI Hider” is the same as “yuu's AI Hider” CSS code. “AI Labeler” will add the “This work is tagged as using generative AI in some fashion!” label to the noted tags. “AI Minimize” will remove the summary and main tag list from the work. “AI Labeler” + “AI Minimizer” together becomes “yuu's AI Warner”

You can not just copy all and paste the whole document into your CSS. It will not work. Please choose which code bits you want and copy only that (or copy all and remove the stuff you don't want).

Note: if you are going to make lots of little skins to use as parent skins on your main skin, make sure under the “Advanced” section of the skin, you click “Parent Only”. This means you can't “use” this skin on its own, it has to be called from another CSS skin.