Skip to content

infra: extend Quality Baseline with CSS variable, divider, and FOUC rules#67

Merged
wilsonwangdev merged 1 commit into
mainfrom
infra/quality-baseline-css-rules
May 7, 2026
Merged

infra: extend Quality Baseline with CSS variable, divider, and FOUC rules#67
wilsonwangdev merged 1 commit into
mainfrom
infra/quality-baseline-css-rules

Conversation

@wilsonwangdev
Copy link
Copy Markdown
Owner

Add three rules to AGENTS.md Quality Baseline that encode the content-page UX lessons captured in session memory (feedback_content_page_ux.md).

Changes

Three new bullets in the Quality Baseline section:

  • Spacing, border-width, and colors must reference --space-*, --border-*, and color tokens. Bare rem/px literals for margin, padding, gap, or border-width are a review finding. Points at the new content/guides/css-variable-consistency/ guide for rationale.
  • Adding or changing a divider-style border requires auditing all existing dividers in the file as a set. Mixed widths (1px vs 2px) or mixed color tokens (--border vs --border-bright) count as inconsistency.
  • Dark-theme pages must inline critical background/color CSS in <head> with a light-mode media-query fallback to prevent FOUC.

Why

The frontend-interaction-review skill's new Visual consistency group (PR #65) already encodes these rules. Mirroring them in the Quality Baseline makes them discoverable during pre-work without requiring the agent to open the skill file first — most pre-work checks live in AGENTS.md today.

Relation to other open PRs

Tested

npm run build succeeds — 26 pages generated. The added guide reference (content/guides/css-variable-consistency/en.md) is correct relative to merged state once PR #66 lands.

…ules

Add three rules to AGENTS.md Quality Baseline that encode the
content-page UX lessons captured in session memory:

- Spacing / border-width / color must reference CSS variables; bare
  rem/px literals for margin, padding, gap, or border-width are a
  review finding. Pointer to the new css-variable-consistency guide
  for rationale.
- Adding or changing a divider-style border requires auditing all
  dividers in the file as a set; mixed widths or mixed color tokens
  count as inconsistency.
- Dark-theme pages must inline critical background/color CSS in
  <head> with a light-mode media-query fallback to prevent FOUC on
  first paint.

These rules are already enforced in the frontend-interaction-review
skill's new Visual consistency group; mirroring them here makes them
discoverable during pre-work without requiring the agent to open the
skill file first.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
agent-master-handbook Ready Ready Preview, Comment May 7, 2026 3:28pm

@wilsonwangdev wilsonwangdev merged commit de8e4f7 into main May 7, 2026
3 checks passed
@wilsonwangdev wilsonwangdev deleted the infra/quality-baseline-css-rules branch May 7, 2026 15:46
wilsonwangdev added a commit that referenced this pull request May 8, 2026
## Summary

Closeout for the AEO baseline workstream (#69, #70). Captures the
process failure that surfaced mid-session and updates the pre-work
checklist to prevent recurrence.

## Why this exists

While shipping #69 and #70, both PRs initially carried two orphan
commits from a stale local branch whose contents had already
squash-merged to `main` as #68. Different SHAs hid the equivalence from
`git fetch -p`. The reviewer caught it; both PRs were rebased onto
`origin/main` and force-pushed.

The journal entry is the third PR-hygiene failure recorded. The pattern
across all three: rules exist, but the procedural trigger points where
rules must fire are under-specified.

## Changes

- `journal/2026-05-08-stale-branch-base-pollution.md` — what happened,
root cause, fix, evolution notes (EN+ZH).
- `AGENTS.md` Git Workflow — new pre-work step 9: explicitly verify `git
branch --show-current` returns `main` right before `git checkout -b`.
Squash-merge makes stale-branch detection unreliable via SHA; this is a
terminal-state assertion rather than a sequence of actions.
- `ROADMAP.md` — check off #67, #69, #70; add "AI visibility / AEO
content guide" as the next content item (the planned Layer 1 guide that
closes this workstream).

## Manual follow-ups (tracked separately, not in this PR)

External submissions that require login and cannot be automated from the
repo:
- [directory.llmstxt.cloud](https://directory.llmstxt.cloud) /
[llmstxt.site](https://llmstxt.site) /
[llms-txt-hub](https://github.com/thedaviddias/llms-txt-hub) — submit
llms.txt URL
- Bing Webmaster Tools — register + submit sitemap (unlocks AI
Performance panel with citation counts)
- Google Search Console — verify AI Overview citation visibility
- [Perplexity Publisher Program](https://pplx.ai/publisher-program) —
submit site for source consideration

These will be handled out-of-band. The handbook's technical readiness
for them shipped in #69 and #70.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant