engram-ui-elements
Creation rules for Engram UI elements, pages, cards, metrics, and detail flows.
Skill by gentleman-programming
Chalk Labs
Need help deploying engram-ui-elements?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/gentleman-programming-engram-ui-elements
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, data
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/engram-ui-elements
What's inside
- Skill name
engram-ui-elements- Description
- Creation rules for Engram UI elements, pages, cards, metrics, and detail flows. Trigger: Adding or changing dashboard UI components or connected browsing flows.
- License
- Apache-2.0
- Metadata
- author: gentleman-programming · version: 1.0
- Instructions
- 27 lines in SKILL.md · view on GitHub
Agent Skills spec issues
- name: "engram-ui-elements" does not match folder "ui-elements"
Files (1)
- SKILL.md
SKILL.md (first lines)
## 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.
From Gentleman-Programming/engram, Apache-2.0.
More from Gentleman-Programming/engram
- 0.842score
engram-memory
Gentleman-Programming
ALWAYS ACTIVE — Persistent memory protocol.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.724score
gentleman-bubbletea
gentleman-programming
Bubbletea TUI patterns for Gentleman.Dots installer.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.723score
engram-backlog-triage
gentleman-programming
Backlog triage protocol for Engram: audit open issues and PRs, classify each item, infer maintainer ideology from comments, and produce an actionable…
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-commit-hygiene
gentleman-programming
Commit and branch naming standards for Engram contributors, enforced by GitHub rulesets.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-cultural-norms
gentleman-programming
Cultural and collaboration norms for Engram contributors and agents.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-dashboard-htmx
gentleman-programming
HTMX and templ interaction rules for the Engram dashboard.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-docs-alignment
gentleman-programming
Documentation alignment rules for Engram.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-issue-creation
gentleman-programming
Issue creation workflow for Engram following the issue-first enforcement system.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-memory-protocol
gentleman-programming
Persistent memory discipline for Engram contributors.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-plugin-thin
gentleman-programming
Adapter boundary rules for plugin integrations.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-pr-review-deep
gentleman-programming
Deep technical review protocol for Engram pull requests.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-project-structure
gentleman-programming
Repository structure and placement rules for Engram.
SkillAFreshness: A★ 7.6KClaude Code +9
Signals
- Stars
- 7,588
- Forks
- 791
- Open issues
- 73
- Last commit (this folder)
- Mar 7, 2026 (7 months ago)
- Last release
- Oct 23, 2026 (7 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- Version
- 1.0
- License
- Apache-2.0
- Repository
- github.com/Gentleman-Programming/engram
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from gentleman-programming
- 0.724score
gentleman-bubbletea
gentleman-programming
Bubbletea TUI patterns for Gentleman.Dots installer.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.723score
engram-backlog-triage
gentleman-programming
Backlog triage protocol for Engram: audit open issues and PRs, classify each item, infer maintainer ideology from comments, and produce an actionable…
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-commit-hygiene
gentleman-programming
Commit and branch naming standards for Engram contributors, enforced by GitHub rulesets.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-architecture-guardrails
gentleman-programming
Architecture guardrails for Engram across local store, cloud sync, dashboard, and plugins.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-branch-pr
gentleman-programming
PR creation workflow for Engram following the issue-first enforcement system.
SkillAFreshness: A★ 7.6KClaude Code +9 - 0.720score
engram-business-rules
gentleman-programming
Product and business-rule guardrails for Engram.
SkillAFreshness: A★ 7.6KClaude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get engram-ui-elements running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
engram-ui-elements skill. Agent Mart. https://agentmart.dev/skills/gentleman-programming-engram-ui-elements (last updated 2026-10-24)