git404hub

what is ao3-skins fr?

thebravethewise/ao3-skins — explained in plain English

Analysis updated 2026-05-18

0CSSAudience · generalComplexity · 1/5Setup · easy

tl;dr

A ready-made CSS skin for Archive of Our Own that hides fan fiction works by tag or ship and lets you recolor tags and story previews.

vibe map

mindmap
  root((ao3-skins))
    What it does
      Hides works by tag
      Hides works by ship
      Recolors tags
    Tech stack
      CSS
      AO3 skin system
    Use cases
      Filter sensitive tags
      Highlight ships
      Combine with other skins
    Audience
      AO3 readers
      Fanfic fans

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Hide fan fiction works that include a specific ship or character from your AO3 browsing feed.

VIBE 2

Automatically hide works tagged with sensitive content like Suicide Attempt.

VIBE 3

Recolor or highlight specific tags, like turning a Friends to Lovers tag green.

VIBE 4

Combine with other AO3 skins by adding important to override conflicting styles.

what's the stack?

CSS

how it stacks up fr

thebravethewise/ao3-skins0verflowme/alarm-clockagg23/csse333project
Stars0
LanguageCSSCSSCSS
Last pushed2022-10-032018-01-21
MaintenanceDormantDormant
Setup difficultyeasyeasymoderate
Complexity1/52/53/5
Audiencegeneralvibe coderdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Just paste the CSS into your AO3 skin settings, no installation needed.

No license file is included, so default copyright rules apply and reuse terms are unclear.

in plain english

ao3-skins is a small collection of custom CSS rules made for Archive of Our Own (AO3), the fan fiction website. It lets a reader hide certain stories from their browsing view based on tags, without needing to write any code themselves, just paste the CSS into AO3's own skin settings. The main feature is filtering. The code hides works that include a specific pairing, a ship involving a character named Brendon "The Park" Shark, works tagged with Suicide Attempt, and works with any tag containing the word drinking. Each rule works by matching the tag link's web address, so it looks for a piece of text inside the tag's URL and hides the whole work preview when it finds a match. There is also a note on how to make the drinking rule case sensitive, by adding a small marker after the search text. Beyond hiding things, the project shows how to style tags and story previews instead of hiding them. Examples include coloring a tag with the word lesbian using a gradient background, turning a specific Friends to Lovers tag green, and turning the background of a story summary red if it is tagged AI-Generated Content. The README also explains how to combine this skin with other AO3 skins: add the word important to the end of every line so this code takes priority over conflicting rules. There is no license file and no other documentation in this repository beyond the README itself. It is written entirely in CSS and has no build process, no dependencies, and nothing to install. Anyone who wants to use it just copies the relevant CSS block into their own AO3 skin. It has not attracted any stars yet.

prompts (copy fr)

prompt 1
Help me modify this AO3 skin CSS to also hide works tagged with a different character pairing.
prompt 2
Show me how to add a new CSS rule to this AO3 skin that hides works containing a specific warning tag.
prompt 3
Explain how the has selector is being used in this AO3 skin to hide story blurbs by tag.
prompt 4
Help me combine this AO3 skin with another one without the styles conflicting.

Frequently asked questions

what is ao3-skins fr?

A ready-made CSS skin for Archive of Our Own that hides fan fiction works by tag or ship and lets you recolor tags and story previews.

What language is ao3-skins written in?

Mainly CSS. The stack also includes CSS.

What license does ao3-skins use?

No license file is included, so default copyright rules apply and reuse terms are unclear.

How hard is ao3-skins to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is ao3-skins for?

Mainly general.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.