By 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
- The dashboard must feel like Engram, not a generic SaaS admin.
- Prefer strong hierarchy, fewer containers, and clearer breathing room.
- Use the TUI-inspired palette and mono/display accents intentionally.
- Format machine timestamps and raw identifiers into human-scannable UI.
- 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.