Skip to content
Agent Memory
Skill

/visual-language

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

BOOST
@gentleman-programminggentleman-programming@gentleman-programming
From plugin
engram
7.7k20 skills

Claude Code

$ npx -y skills add Gentleman-Programming/engram --skill visual-language --agent claude-code

SKILL.md

visual-language.SKILL.md
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.
Read it on GitHub ↗
Stats
PythonJavaScriptNodeBashSQLiteLinuxGitGitHubAnthropicGeminiMCPObsidian
8,008
Stars
822
Forks
Active
Maintenance
Go
Language
MIT
License
Last commit
Created

Repo: Gentleman-Programming/engram

In this plugin
20 skills
See everything inside
@gentleman-programming
Ships withengram

Persistent memory system for AI coding agents. Agent-agnostic Go binary with SQLite + FTS5, MCP server, HTTP API, CLI, and TUI.

7.7k20 skills
Get the whole plugin

Stars on GitHub

Momentum

stars in total
7.7k
Star history of Gentleman-Programming/engram on GitHub, a chart by star-history.com
See what's trending this week

Other skills on engram.

memory

memory

ALWAYS ACTIVE — Selective persistent memory: preserve verified, durable knowledge worth reconstructing, with safe topic updates…

engram
@gentleman-programming@gentleman-programmingInstall Skill
branch-pr

branch-pr

PR creation workflow for Engram following the issue-first enforcement system. Trigger: When creating a pull request, opening a…

engram
@gentleman-programming@gentleman-programmingInstall Skill
See all 20 skills in engram

More skills from other plugins.

agent-cost-report

agent-cost-report

Believable agent cost report for any period, default the last 7 full days PT, not counting today. Measured tokens from Claude…

claude-mem2d116k
@thedotmack@thedotmackInstall Skill
bot-handoff

bot-handoff

Keep a durable record of work passed between Bots in the shared Hindsight memory bank. Use when handing work to another Bot, when…

hindsight2d60k
@vectorize-io@vectorize-ioInstall Skill
mempalace

mempalace

Install, configure, and operate MemPalace, including a private local palace, a shared-brain hub, or a client joining an existing…

mempalace12d60k
@mempalace@mempalaceInstall Skill
mempalace

mempalace

Install, configure, and operate MemPalace, including a private local palace, a shared-brain hub, or a client joining an existing…

mempalace12d60k
@milla-jovovich@milla-jovovichInstall Skill

Questions about visual-language.

Which coding agents can use visual-language?
visual-language installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.