Build better apps with Squid

Practical documentation for turning prompts, screenshots, and website references into React apps you can inspect, improve, and export.

Squid Agent is an AI app builder centered on a simple promise: move quickly without giving up the code. Describe the product surface you need, review the generated React project, refine it with follow-up instructions, and export the result when it is ready.

Choose a starting point

Build your first app

Go from a product idea to a working React project, then make a focused first edit.

Read guide

Write a stronger prompt

Use a repeatable prompt structure that produces a specific, testable product surface.

Read guide

Browse example apps

Copy complete prompts for dashboards, portals, timers, and screenshot-led redesigns.

Read guide

Explore prompt collections

Start from curated prompts for product tools, landing pages, and internal workflows.

Read guide

The core loop

  1. Describe the outcome. Name the audience, their primary job, the required data, and the important states.
  2. Choose your input. Start from text, attach a screenshot, or provide a website reference when visual context matters.
  3. Review the generated app. Use the live preview and file view to check behavior, hierarchy, and project structure.
  4. Refine one concern at a time. Ask for a focused change so the edit is easy to evaluate and reverse.
  5. Inspect and export. Review quality signals and download the source when the project is ready to continue elsewhere.

A useful first prompt

Customer feedback workspace
Build a customer feedback workspace for a three-person product team.

The main screen should help the team scan incoming feedback, filter by source and sentiment, and open one item to see the full message, customer details, tags, and linked product area.

Include:

- A compact left navigation with Inbox, Themes, Customers, and Settings
- A searchable feedback table with realistic sample data
- Source and sentiment filters with visible selected states
- A detail panel that opens from a table row
- Empty, loading, and no-results states
- Responsive behavior that turns the table into readable mobile rows

Use a calm, editorial visual system with strong typography, restrained borders, and one blue accent. Prioritize the working inbox experience over a marketing page.

If this is your first project, continue with Getting started. If you already know what you want to build, jump to the prompt anatomy or copy an example app prompt.