engram-visual-language

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

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "engram-visual-language" with this command: npx skills add gentleman-programming/engram/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.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Coding

engram-memory-protocol

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

gentleman-bubbletea

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

engram-testing-coverage

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

engram-pr-review-deep

No summary provided by upstream source.

Repository SourceNeeds Review