# Visual Style Bible

> Use when the user wants visual system direction, visual language, page aesthetic guidance, UI polish, spacing system decisions, typography system rules, motion system rules, design direction, or a house standard for web or app surfaces. Also use before high-value UI generation, critique, or design review when the work should follow opinionated visual defaults instead of generic UI patterns.

- Skill: `newmindsgroup/visual-style-bible` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add newmindsgroup/visual-style-bible`
- Raw SKILL.md: https://api.skillmd.com/api/skills/newmindsgroup/visual-style-bible/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- License: MIT
- Author: newmindsgroup (https://skillmd.com/u/newmindsgroup)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/newmindsgroup/visual-style-bible

---


# Visual Style Bible

Use this skill as the default visual governor for UI, web, and marketing surfaces.

## Read First

- `/Users/newmindsgroup/.codex/knowledge/visual-core/typography-rules.md`
- `/Users/newmindsgroup/.codex/knowledge/visual-core/spacing-radius-elevation.md`
- `/Users/newmindsgroup/.codex/knowledge/visual-core/color-usage-rules.md`
- `/Users/newmindsgroup/.codex/knowledge/visual-core/component-composition-rules.md`
- `/Users/newmindsgroup/.codex/knowledge/visual-core/motion-rules.md`
- `/Users/newmindsgroup/.codex/knowledge/visual-core/avoid-patterns.md`

## Purpose

- define the house visual defaults
- keep design work coherent across screens and pages
- prevent fallback to generic SaaS UI patterns

## Workflow

1. Decide whether the task is system direction, critique, or implementation guidance.
2. Apply the visual-core rules most relevant to the surface.
3. Call out anti-patterns early.
4. Route system-level questions to `design-system` when broader governance is needed.

## Outputs

- visual direction packet
- critique notes
- house-style recommendations

## Guardrails

- hierarchy before decoration
- reuse before novelty
- motion should support meaning