#ui

Use when a user wants promotional material for a product, such as a homepage hero image, feature cards, a cursor-driven demo animation, or a Bento feature grid, and does not want to screenshot the real product. Start from a bundled example, build a faux UI from React components, record the full loop and run the automatic check before delivery. The output is an illustration and does not operate the real app. Video export needs a separate recording. Use case: Have an agent use one faux UI to make a demo animation, homepage hero image and Bento feature cards for your product

One faux UI produces a demo video, a homepage hero image and feature cards. The three assets share one style, and changing scenes does not require a new design.

Use when a user is building a React UI and the project uses Astryx (@astryxdesign/core), or when they name Astryx or ask about its components, themes, or upgrades. Check component docs and templates first via the hosted MCP (search, get) or @astryxdesign/cli before writing code; get consent before running commands that write files; never run the unscoped npx astryx. Use case: Have the agent write UIs following Meta's Astryx component conventions instead of guessing from memory