Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

sarinali
Copy link
Contributor

@sarinali sarinali commented Oct 16, 2025

Overview

Adds a new Example Use Cases section to the docs, starting with a Form Filling example.
Introduces an interactive EditableCodeBlock system to make code snippets editable inline.

Motivation

Competitor docs (Browserbase, Anchor Browser) do a great job showing practical automation flows.
Examples:
https://docs.browserbase.com/use-cases/automating-form-submissions#python
https://docs.anchorbrowser.io/examples/form-filling
This adds similar clarity to Cua: helping users understand real use cases like form submissions and local file automation. All code blocks copy and paste ready. Pushes users to use cloud offering for example use case (it's the first tab)

Changes

  • Docs

    • New page: /use-cases/form-filling
    • Example: automate a job application using a local resume file
    • Multi-environment tabs (Cloud, Docker, Lume, Windows Sandbox)
  • Components

    • Added EditableCodeBlock, EditableValue, EditableForm, and EditableInput
    • Supports inline editing, dynamic width, and tooltips ("Edit me!")

Quick Preview (demo)

https://screen.studio/share/bNLJX1h5

Next up

  • Produce one more use case
  • Gather telemetry on docs (to see patterns of how its being interacted with)

@sarinali sarinali changed the title Onboarding Enhancement -- Add Example Usecase Onboarding UX -- Add Example Usecase Oct 16, 2025
@jamesmurdza jamesmurdza merged commit 678e469 into trycua:main Oct 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants