Validate interface code against a strict 4px grid and depth strategy.
npx skills add https://github.com/zircote/aesth --skill aesth
Please help me install this Agent Skill. Skill: aesth Source: https://github.com/zircote/aesth/tree/main/.claude/skills/aesth Command: npx skills add https://github.com/zircote/aesth --skill aesth
Aesth removes ambiguity in interface decisions for dashboards, admin tools, and data-heavy apps by enforcing craft-first rules so designs remain consistent, teachable, and repeatable across sessions.
patterns namespace for project- and user-scoped reuse.Run /aesth:init to load or initialize the project's design system from Subcog.
High-intent search queries and answers about installing and using this skill.
You can validate interface code against a 4px grid by running automated checks that detect off-grid spacing values, inconsistent border-radius, and typography anti-patterns to ensure consistent dashboard and SaaS component design.
Persistent design memory stores design direction, tokens, and component patterns in a namespace under Subcog, allowing project- and user-scoped reuse across sessions for consistent dashboard and admin panel interfaces.
The best way to extract component patterns is to analyze existing interface code, identify reusable spacing and depth strategies, and save the extracted tokens and patterns back to persistent memory for future projects.
Yes, you can enforce a single depth strategy across dashboard components by validating styles against consistent depth rules, catching anti-patterns, and applying strict craft-first interface design guidance.
Yes, this interface design validation is specifically tailored for dashboards, admin panels, and SaaS apps, enforcing strict spacing, depth, and component pattern consistency for data-heavy applications.
Dashboard components have inconsistent spacing and depth when interface decisions lack strict craft-first rules, resulting in off-grid values and anti-patterns that automated validation against a 4px grid and single depth strategy can resolve.
qazuorGuide UI teams through pre-coding design foundations for typography, color, and layout.
nidhalboumaiza-0Convert UI style requirements into frontend code with a tokens-first design system.
wpgauravGather project design context and persist it into a centralized AI config.
tmalcolm-0607Synchronize coding rule files with a master PATTERNS.md reference document.