Open the studio ↗
← All guides
AI workflows

How Reclaw was created with Codex, Claude Code and DEXTR

Explore a real homepage and product mockup built with AI coding tools, hosted in DEXTR and shared through a feedback Canvas.

A product people can actually explore

Reclaw is an illustrative business-assistant concept. Its public mockup includes a homepage and a logged-in workspace with sample data. The aim is to make the proposed experience concrete enough to discuss before treating it as a finished product.

Open the Reclaw homepage, then explore the logged-in workspace. These are interactive mockups: visible integrations, business records and assistant actions illustrate the intended experience rather than proving a connected production service.

Build with Codex and Claude Code

The Reclaw designs and interactive screens were created and refined with Codex and Claude Code working within DEXTR. The brief developed into page layouts, navigation, character artwork and business workflows. Requests could refer to a specific part of a screen, making the next edit more precise.

The useful division of work is straightforward: the person sets the direction and reviews the result; the AI tools help implement changes; DEXTR provides the place to host, edit and share the mockups. Your AI tool’s account and usage remain part of your chosen setup. See Bring your own AI for the connection workflow.

Share the preview and the Canvas

A screenshot can explain a layout, but an interactive preview lets reviewers try the navigation. DEXTR hosts the Reclaw demo so the homepage and workspace can be shared through links. The feedback Canvas gives reviewers a place to view the designs and pin notes to the relevant area.

Good feedback names the screen, the action and the expected result. “Move Teams below Projects” is easier to implement and verify than “make the navigation better.” Keep one clear request in each note.

Refine, then verify

After an edit, revisit the same journey and check that the change works in context. Review the phone layout, long labels, image cropping and links as well as the main desktop view. A polished mockup is useful evidence for a design decision; it is not a substitute for production authentication, data handling or integration testing.

Use our design feedback guide to structure the review, or compare this process with your current tools using the Figma alternative guide.

Keep exploring