facebook/astryx — reverse-engineered prompt

Reverse engineered prompt

Build me a React design system called Astryx that feels polished and practical, not just a component dump. I want it to include a large library of accessible UI components, solid layout and typography foundations, brandable themes, dark mode, and some ready to use patterns and templates for common product screens. The big idea is that teams should be able to drop in a few CSS imports, wrap the app in a theme provider, and start using typed components right away without needing extra build setup.

Please make it very customizable. People should be able to restyle things with normal className overrides, CSS modules, Tailwind, or plain CSS, and themes should work through CSS custom properties so designers can really make it their own. I also want a CLI that can list components, scaffold templates, show docs, and let someone eject the source of a component into their app if they want to fully own it.

Include docs, example apps, and a clean monorepo setup. Look up current docs online if you need to.

Want more depth? Deep Reverse