Teaching AI agents your design system with MCP
Coding agents guess component APIs from memory. A Nexera MCP server would let them look up real props and tokens and check their JSX before answering.
Blog
How we design, test and ship accessible components, and what we learn teaching AI agents to use them.
Coding agents guess component APIs from memory. A Nexera MCP server would let them look up real props and tokens and check their JSX before answering.
Nexera UI tags its tests with WCAG 2.2 success criteria and builds the conformance table from the tests that pass, so every claim points at a check.
createTheme() turns one brand colour into an 11-step scale, keeps every role readable in light and dark, and warns when a token pair drops below WCAG AA.
Flipping a layout for Arabic or Hebrew is the easy half. Nexera UI also decides what must stay left-to-right: codes, phone numbers, chart axes.
New posts and releases, about twice a month. Or follow the RSS feed.
Nexera UI treats its Figma file as the source of truth: tokens are generated from Figma variables, and each component keeps Figma's names and variants.
How the Nexera OTPInput accepts pasted codes with spaces or dashes, SMS autofill and Arabic digits, while screen readers meet a single labelled field.
Why the Nexera chart colours move to lighter steps in dark mode, why the heatmap ramp flips direction, and why no chart tells a value by colour alone.
8 posts shown