CtrlK
BlogDocsLog inGet started
Tessl Logo

engram-visual-language

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

72

Quality

87%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

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.
Repository
Gentleman-Programming/engram
Last updated
First committed

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.