Document Design System

The visual layer for HTML documents and slide decks: a token file in, a single self-contained CSS bundle out, with every color pairing checked against WCAG before it ships. This is the theming layer for documents — type scales, reading measure, print roles, light/dark surfaces. It is not a product UI component library; there are no buttons, form states, or component variants here.

When to use this skill

• Theming a report or whitepaper that must render as one self-contained HTML file
• Building a deck theme where type must stay legible at projection distance
• Auditing an existing palette before a public or regulated publication
• Diagnosing dark-mode drift — text that reads fine in light mode and fails in dark
• Standardizing across documents so a series of reports looks like one series
• Answering "does this pass AA?" with a number instead of an opinion

Inputs the skill expects