UI Design Memory

•
20
•

Enforces, reviews, and evolves durable UI design standards with conflict-aware memory capture and independent visual validation.

UI Design Memory provides a structured, version-controlled framework to preserve and evolve front-end UI design standards across development sessions. Designed to prevent ephemeral conversation context and one-off pixel nudges from skewing core product rules, it requires developers and AI agents to draft concise visual briefs, cross-reference existing design tokens and host chrome structures, perform independent read-only visual validations with real DOM and screenshot checks, and classify visual feedback into durable team standards or scoped exceptions before shipping changes.

主な機能

01Detects and resolves rule conflicts before persisting updates into repository design memory registries
02Generates structured Visual Briefs covering layout hierarchy, tokens, responsive invariants, and chrome ownership
0320 GitHub stars
04Differentiates reusable normative feedback from one-off composition nudges to preserve design integrity
05Mandates independent read-only visual validation sessions with expected-behavior and screenshot inspection
06Classifies task outcomes into structured experience capture states to ensure continuous design system evolution

ユースケース

01Standardizing team-wide UI design guidelines across multiple web and desktop app repositories
02Preventing duplicate headers, breadcrumbs, and inconsistent spacing during component refactoring
03Validating complex front-end layout changes through isolated visual regression and DOM geometry reviews