← Visual design
toolshed

AI attribution box

The styled aside shown at the top of posts to declare how much AI was involved in writing them.

Published Maturity 🪴 Plant AI Co-created with AI Written by AI based on my ideas and direction.

Every post can declare its AI involvement level via a frontmatter field. When set, a styled aside appears above the post content.

The four levels

ValueLabelMeaning
100% Maai100% MaaiFully written by Maaike, no AI
assistedAI-assistedHer ideas and structure, AI helped refine
co-createdCo-created with AIWritten by AI based on her ideas and direction
generatedAI-generatedFully generated by AI, reviewed by her

If the field is absent, no box appears.

Visual design

.ai-box {
  background: var(--color-tag-bg);
  border-left: 3px solid var(--color-accent);
  border-radius: 0 0.5rem 0.5rem 0;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  font-size: 0.92rem;
  line-height: 1.6;
}

.ai-box-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

.ai-box-label {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #C00060;
}

The left border uses the brand pink accent. The label color is a slightly deeper pink for legibility at small size.

In the stream / cards

The AI field is also shown in the top meta bar of every index card: a small all-caps label (e.g., 100% MAAI) aligned to the right of the meta bar. Posts with ai: generated are excluded from the stream entirely, they don’t appear on the homepage.

Frontmatter

ai: co-created   # 100% Maai | assisted | co-created | generated

Why transparency

Maaike works in public. The garden is a thinking space, not a broadcast channel. Being clear about how Claude was involved is part of the same ethos as showing maturity stages: no post pretends to be more finished or more hand-crafted than it is.

Mycelium tags, relations, arguments & questions