engram-ui-elements

Creation rules for Engram UI elements, pages, cards, metrics, and detail flows. Trigger: Adding or changing dashboard UI components or connected browsing flows.

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-ui-elements" with this command: npx skills add gentleman-programming/engram/gentleman-programming-engram-engram-ui-elements

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.

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