engram-ui-elements
Use this skill when: - Adding a new page or partial to the dashboard - Creating cards, metrics, tables, lists, or detail views - Designing connected navigation between related entities
Works with
Agent Skills format with YAML frontmatter. Claude Code reads it as-is.
--- name: "engram-ui-elements" description: "Use this skill when: - Adding a new page or partial to the dashboard - Creating cards, metrics, tables, lists, or detail views - Designing connected navigation between related entities" license: "Apache-2.0" --- ## When to Use Use this skill when: - Adding a new page or partial to the dashboard - Creating cards, metrics, tables, lists, or detail views - Designing connected navigation between related entities --- ## UX Rules 1. Every list item should lead somewhere useful when domain relationships exist. 2. Prefer connected flows: project -> session -> observation -> full detail. 3. Empty states must explain what is missing and what unlocks data. 4. Metrics must reflect real system state, not decorative counters. 5. Detail pages should show metadata, content, and the next relevant links. --- ## Composition Rules - Use metrics for orientation, not for replacing core content. - Use cards for browsable entities and tables for dense comparative admin data. - Avoid nested framed boxes unless they communicate a hierarchy the user needs. - Keep action controls close to the entity they affect.
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.
