Design Adherence
Post-authoring verification that the composition follows the design spec. Run it after building, before serving the preview.
If a design spec (frame.md / design.md) exists, read the HTML and check:
- Colors — every hex value in the composition appears in the spec's palette section (however the user labeled it: Colors, Palette, Theme, etc.). Flag any invented colors.
- Typography — font families and weights match the spec's type spec. No substitutions.
- Corners — border-radius values match the declared corner style, if specified.
- Spacing — padding and gap values fall within the declared density range, if specified.
- Depth — shadow usage matches the declared depth level, if specified (flat = none, subtle = light, layered = glows).
- Avoidance rules — if the spec has a section listing things to avoid (commonly "What NOT to Do", "Don'ts", "Anti-patterns", or "Do's and Don'ts"), verify none are present.
Report violations as a checklist. Fix each one before serving.
If no design spec exists (house-style-only path), verify:
- Palette consistency — the same bg, fg, and accent colors are used across all scenes. No per-scene color invention.
- No lazy defaults — check the composition against
house-style.md's "Lazy Defaults to Question" list. If any appear, they must be a deliberate choice for the content, not a default.