Top Tweets for #DesignSystems

this is wild... Meta just open-sourced the design system behind 13,000+ of its apps, adapted for AI agents. your AI agent can finally build UI that doesn’t look like AI built it here’s how to plug Astryx into Claude and GrokBot agents: first understand what you get: • 150+ accessible React components: buttons, forms, dialogs, tables, dark mode included • 7 ready-made themes: neutral, butter, chocolate, matcha, stone, gothic, y2k • a CLI + MCP server built for AI, so your agent reads the real docs instead of inventing props here’s how to set it up for Claude & Grok: 1 → open Claude Code in the folder of your project (React 19+) 2 → say: “Install @astryxdesign/cli and run astryx init --features agents to set up your Astryx context. Read the generated file.” 3 → it writes the rules straight into your CLAUDE.md: component index, CLI reference, and what never to do (no raw divs, no inline styles, no magic values) 4 → now every page starts the same way: astryx build “<your idea>“ picks a template → astryx template scaffolds it → astryx component reads the props 5 → want Claude to query the docs live? add the MCP server to .mcp.json: https://t.co/vxXQnKCsDU 6 → for Grok or any other agent: plug the same MCP link into any client that supports remote MCP, or run init with --agent codex and it writes a universal AGENTS.md 7 → quick test: ask your AI “what’s the import path for Button and how do you make a Dialog non-dismissible?” If it can’t answer, the setup didn’t load paste link on repo below ↓