engram-visual-language

SkillDev tools

Lets your agent apply Engram's dashboard design rules for styling, spacing, and typography.

Then ask your AI: use the engram-visual-language skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Add it as a step in a pipeline you build on Ahel, or connect Ahel to Claude, ChatGPT, Cursor, Claude Code or Codex and ask your AI to use it.

About this skill

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

What this skill tells your AI

The instructions your AI receives, as published by gentleman-programming/engram in skills/visual-language/SKILL.md and read by Ahel’s review.

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.

Signals

GitHub stars
7k
Forks
733
Last commit
Oct 2026
Advanced
Item type
skill
Key
engram-visual-language
Source
github.com/gentleman-programming/engram