Teaching Your AI to Use Your Component Library
AI coding assistants keep hallucinating EUI props. You paste in documentation, it gets ignored thirty messages later. You end up debugging code where half the props don't exist. The fix is an MCP server — about 200 lines of TypeScript that gives any MCP-compatible AI direct access to the EUI source. What EUI is EUI (Elastic UI) is Elastic's open-source React component library. It powers Kibana and the rest of the Elastic product suite. The library is large — over 100 components covering everything from basic buttons and forms to complex data grids, drag-and-drop interfaces, and charting primitives. Each component ships with TypeScript types, MDX documentation, and Storybook stories. It's a serious design system, which also means it's too big for any model to know completely from training data. Why AI gets EUI wrong Models know enough from training to be convincing but not enough to be correct. They'll use EuiButton with a size prop that doesn't exist, or...