engram-visual-language

---
name: engram-visual-language
description: >
  Visual language rules for Engram surfaces. Trigger: Any dashboard styling,
  typography, spacing, or visual identity change.
license: Apache-2.0
metadata:
  author: gentleman-programming
  version: "1.0"
---

## When to Use

Use this skill when:
- Editing `styles.css`
- Creating new dashboard sections or states
- Refining layout, spacing, typography, or color use

---

## Visual Rules

1. The dashboard must feel like Engram, not a generic SaaS admin.
2. Prefer strong hierarchy, fewer containers, and clearer breathing room.
3. Use the TUI-inspired palette and mono/display accents intentionally.
4. Format machine timestamps and raw identifiers into human-scannable UI.
5. Decorative framing must never make content harder to read.

---

## Density Rules

- Avoid box-inside-box repetition unless it clarifies information grouping.
- Important text must never touch borders or feel cramped.
- Metrics should read instantly.
- Tables should stay clean, aligned, and visually quieter than hero areas.

More agent context in Gentleman-Programming/engram

19 other files this repository gives its agents.