Design tokens.

The atoms your AI tools and code share — generated from one source into your Tailwind config, CSS variables, and React Native theme, and served to AI over MCP.

ColorWindcraft owns your color tokens and generates them into your Tailwind config, CSS variables, and React Native theme — and the analyzer flags any hard-coded hex that bypasses them.

SpacingWindcraft generates your spacing scale into Tailwind and CSS variables, and the analyzer flags arbitrary values like p-[7px] that escape it — so padding and gaps stay on one rhythm.

TypographyWindcraft owns your font family, size, and weight tokens and generates them into your outputs, while the analyzer flags font families that are not from your token list.

RadiusWindcraft generates your border-radius scale into your outputs, and the analyzer flags mixing distinct radii inside a Card or Container — so corners agree across the product.

ShadowWindcraft owns your shadow tokens and generates them into your Tailwind config and CSS variables, and serves them to AI tools over MCP, so elevation stays consistent across surfaces.

Z-indexWindcraft owns your z-index tokens and generates them into your outputs, and serves them to AI tools over MCP — so layering follows a named scale instead of a pile of magic numbers.