Correct Deepgram markup without reading the style guide.

Markup comes out matching Deepgram's design system, because the agent pulls the real component classes and HTML structure instead of you pasting the docs in by hand.

What it is

A server built into @deepgram/styles, the package behind Deepgram's design system. It lets any MCP-capable coding agent look up the design system instead of you copying docs by hand. It serves design-system data only; it does not call Deepgram's speech services.

What you get

Every component listed with its tags and number of variants, filterable by category
A component's full details: CSS classes, variants and rendered HTML examples ready to paste
Design tokens: colors, spacing, fonts, shadows and corner radius values
Keyword search across component names, titles, tags, descriptions and categories

Requirements

Node.js, with the @deepgram/styles package; the server ships inside it. No account or key. By default it reads the design system file bundled with the package; you can point it at your own modified copy instead.

Setup effort

One command — claude mcp add deepgram-styles --scope project -- npx -y -p @deepgram/styles mcp