Astryx

A React 19 design system by Meta. Accessible, themeable components with built-in spacing, dark mode, and StyleX styling. This skill covers installation, theming, styling, layout, CLI usage, AI integration, and migration.

When to Use

• Building React UIs with Astryx components from @astryxdesign/core
• Creating or customizing themes with defineTheme
• Styling components via StyleX (xstyle prop), Tailwind, or className
• Scaffolding pages from CLI templates
• Migrating existing Tailwind/shadcn/Radix apps to Astryx
• Using the Astryx CLI for component docs, tokens, and templates
• Connecting to the Astryx MCP server for AI-powered component discovery
• Validating Astryx code against system conventions

Packages at a Glance