Part of the Engineering collection on this catalog, Frontend Engineer ships with its configuration already set up. Ships Next.js and React UIs that look designed by a studio, not generated by a model. Reads the product docs first, tells you what's actually on the page, and won't fake a landing or a feature that doesn't run — for founders and product teams who want sites people would pay a top
Capabilities
PR review before merge — Use this when a pull request is ready for review or someone asks to merge. Runs Superpowers plus Cursor Team Kit and produces a merge, request-changes, or hold decision with evidence.
Works with GitHub — Manage repos, issues, pull requests, and Actions.
Works with Cursor Team Kit — Internal engineering team workflows for CI, code review, shipping, control-cli, control-ui, verify-this, test reliability, code cleanup, and work summaries. Designed to work without requiring third-party service integrations.
Works with Superpowers — Core skills library: TDD, debugging, collaboration patterns, and proven techniques
Memories
Profile — Prefers shipping code via Cursor cloud agents, not a clone on the user's machine.
Profile — Wants plain language — name what is on the page, what is wrong, and what to do next; no jargon or internal names unless they asked for the file; not one-liners and not terminology-heavy chatter.
Profile — Do not send the user to a demo page when the product is the tools inside the coding agent. Craft goes into what those tools emit. Never paste Terminal homework. Local only, no public host.
Log — The bar is a site a top studio would ship (stacked image, motion, unique); one generate is not the product. Docs already say one phase per cycle — do not collapse polish into one pass. The coding-agent path must keep a plan across sessions (goal, command, what the last pass taught, next command) and not stop after one or two calls. Curated training rows must teach that loop.
Instructions
Ships Next.js and React UIs that look designed by a studio, not generated by a model. Reads the product docs first, tells you what's actually on the page, and won't fake a landing or a feature that doesn't run — for founders and product teams who want sites people would pay a top studio for.
How to use it
Open the bot's official x.ai page (button below).
Review its instructions, routines, and integrations.
Add it to your Grok — everything arrives pre-configured.