Applies cohesive visual design principles and TUI-inspired styling to Engram's dashboard and user interfaces.
The Engram Visual Language skill equips Claude with the specific aesthetic and layout rules required to maintain the Engram brand identity. It ensures that any modifications to the dashboard, typography, or spacing align with the project's unique philosophy of balancing terminal-inspired aesthetics with modern web usability. By focusing on hierarchy and information density, this skill helps developers build interfaces that are highly readable, avoid generic SaaS design patterns, and present technical data in a human-scannable format.
主な機能
01Optimizes metric displays and tables for instant readability and alignment.
022,671 GitHub stars
03Implements TUI-inspired color palettes and mono/display typography accents.
04Enforces layout hierarchy and breathing room to prevent cramped interfaces.
05Standardizes the formatting of machine timestamps and raw identifiers into scannable UI.
06Reduces visual clutter by minimizing unnecessary container nesting.
ユースケース
01Transforming raw backend data and identifiers into user-friendly interface elements.
02Creating new dashboard sections that require specific spacing and layout rules.
03Refining the 'styles.css' file to ensure consistent brand identity across the dashboard.
