aesth
CommunityCraft-focused, consistent interface design
Design & Creative#design-systems#component-patterns#code-validation#4px-grid#interface-design#subcog
Authorzircote
Version1.0.0
Installs0
System Documentation
What problem does it solve?
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.
Core Features & Use Cases
- Persistent design memory: Stores design direction, tokens, component patterns, and decisions in Subcog under the
patternsnamespace for project- and user-scoped reuse. - Automated validation: Checks code and styles against a strict 4px grid, a single depth strategy, and consistent border-radius and typography rules to catch off-grid values and anti-patterns.
- Pattern capture & extraction: Extracts component patterns from existing code and offers to save direction, tokens, and patterns back to Subcog for future sessions.
- Use case: Validate a dashboard card component for spacing, depth, and typography; extract its component pattern and persist it for reuse across projects.
Quick Start
Run /aesth:init to load or initialize the project's design system from Subcog.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: aesth Download link: https://github.com/zircote/aesth/archive/main.zip#aesth Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.