Skip to main content

engram-visual-language

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

Informations de source

Dépôt
Gentleman-Programming/engram
Dernière activité de la source
7 mars 2026 à 19:29
Langue détectée de SKILL.md
anglais
Étoiles
7 932
Forks
822

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Affichage de SKILL.md

SKILL.md
Instructions source · Aperçu en lecture seule
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 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.
Voir sur GitHub