akarachen/eric-design

Reviews your work across multiple categories like UI, typography, layout, color and writing and gives you a detailed analysis of the findings.

Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.

Collaborate with a product manager on UI design, from a vague feature idea through discussable HTML wireframes to real component previews using project tokens. Use for iterative design conversations and turning an agreed wireframe into an interactive UI, rather than routine implementation of an already complete specification.

Helps you figure out how something was built on the web.

Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.

Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.

Combines the domain skills into a single review across clarity, layout, writing, typography, color and UI polish.

Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.

Renders a component you choose in every state and scenario on a temporary page and stress tests it.

Define visual direction and execute it with consistent typography, color, spacing, and motion. Use when designing, implementing, or reviewing visual direction — landing pages, app styling, icons, typography, composition, motion, headings, page overscroll, tokens, anti-slop, or when choosing a direction from a design DNA spec for the chosen visual direction. Use ui-audit separately for UI correctness, disclosure, and cognitive load.

Focuses on improving product copy in your project.