engram-visual-language
Use this skill when: - Editing styles.css - Creating new dashboard sections or states - Refining layout, spacing, typography, or color use
Works with
Agent Skills format with YAML frontmatter. Claude Code reads it as-is.
--- name: "engram-visual-language" description: "Use this skill when: - Editing styles.css - Creating new dashboard sections or states - Refining layout, spacing, typography, or color use" license: "Apache-2.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.
More General & Other skills
find-skills
vercel-labs/skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
grill-me
mattpocock/skills
A relentless interview to sharpen a plan or design.
grill-with-docs
mattpocock/skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
