# Engram Visual Language

> Visual language rules for Engram surfaces. Trigger: Any dashboard styling, typography, spacing, or visual identity change.

- Skill: `gentleman-programming-engram/engram-visual-language` (Agent Skill)
- Install (CLI): `npx skillmds@latest add gentleman-programming-engram/engram-visual-language`
- Raw SKILL.md: https://api.skillmd.com/api/skills/gentleman-programming-engram/engram-visual-language/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- License: Apache-2.0
- Author: Gentleman-Programming (https://skillmd.com/u/gentleman-programming-engram)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/gentleman-programming-engram/engram-visual-language

---


## 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.