How does Aesth remember my design choices?

Aesth uses Subcog semantic memory to store design tokens, patterns, and decisions. This allows Claude to recall and apply your project's specific style even in new sessions without needing local configuration files.

Can I use values outside the 4px grid?

Aesth enforces a strict 4px grid for all spacing, padding, and margins. This restriction ensures visual rhythm and professional alignment, which are core tenets of the 'craft' design philosophy.

What depth strategies does Aesth support?

Aesth supports three distinct depth strategies: Borders-only for enterprise and financial tools, Subtle shadows for professional SaaS apps, and Layered shadows for premium creative tools.

Is Aesth suitable for marketing websites?

No, Aesth is specifically optimized for functional interfaces like dashboards, admin panels, and SaaS apps. For marketing sites, users are redirected to standard frontend design workflows.

Aesth - Craft Design System

Name: Aesth - Craft Design System
Author: zircote

byzircote

•

Design Tools

Implements high-quality, consistent UI design systems for functional applications using persistent semantic memory.

Aesth is a specialized design system plugin for Claude Code designed for building elegant, functional interfaces like dashboards, SaaS tools, and admin panels. Unlike general-purpose design tools, Aesth leverages Subcog semantic memory to maintain a project-wide design language across sessions, enforcing strict craft principles like a mandatory 4px grid, contextual depth strategies, and refined typography. It transforms Claude from a generic coder into a detail-oriented designer that obsessively maintains consistency while explaining the design rationale behind every visual decision.

Key Features

01Contextual Depth Strategies: Provides specialized styling modes for enterprise tools (borders), SaaS (subtle shadows), and creative apps (layered).

022 GitHub stars

03Automated Design Validation: Scans code for design system violations and provides educational feedback on how to fix them.

04Strict 4px Grid Enforcement: Ensures professional visual rhythm by aligning all spacing and sizing to a mandatory 4px base unit.

05Pattern Extraction: Automatically identifies recurring design choices in your code and captures them as reusable tokens.

06Persistent Design Memory: Stores design tokens, patterns, and decisions in Subcog semantic memory for cross-session consistency.

Use Cases

01Building data-heavy enterprise dashboards with consistent spacing and typography.

02Maintaining a unified design system across multiple development sessions without manual configuration files.

03Developing complex SaaS application interfaces that require a persistent, cohesive design language.

Key Features

01Contextual Depth Strategies: Provides specialized styling modes for enterprise tools (borders), SaaS (subtle shadows), and creative apps (layered).

022 GitHub stars

03Automated Design Validation: Scans code for design system violations and provides educational feedback on how to fix them.

04Strict 4px Grid Enforcement: Ensures professional visual rhythm by aligning all spacing and sizing to a mandatory 4px base unit.

05Pattern Extraction: Automatically identifies recurring design choices in your code and captures them as reusable tokens.

06Persistent Design Memory: Stores design tokens, patterns, and decisions in Subcog semantic memory for cross-session consistency.

Use Cases

01Building data-heavy enterprise dashboards with consistent spacing and typography.

02Maintaining a unified design system across multiple development sessions without manual configuration files.

03Developing complex SaaS application interfaces that require a persistent, cohesive design language.