devtools

Midscene: Automated UI Testing

Automate UI testing with midscene, a tool for founders and developers.
intermediate⏱ 1-2 hoursπŸ’΅ Free + LLM API costs
14,562 stars1,119 forksTypeScriptGuide quality 8/10Updated 8/13/2026100% free Β· open source
What it is

Uses AI to automate things you'd normally do on a computer screen, like a robot that clicks buttons.

Real use case example

"A solo developer could use Midscene to automate the task of updating their website's database whenever a new customer is registered on Stripe by following these steps: First, connect their Stripe account to Midscene; then, set up an action to add the new customer details to Notion; finally, configure an action to send a welcome email to the new customer via Resend. This lets them focus on more critical aspects of their project."

Best insideCursorClaude Desktop
When to use it
  • β€’When you need to test complex user interfaces that are difficult to automate with traditional testing tools
  • β€’When you want to reduce the time and effort required for UI testing and maintenance
  • β€’When you need to ensure consistent UI testing across multiple platforms and browsers
Ready-to-paste prompt
npx midscene run tests/example.test.js --platform=web --browser=chromium
Heads up: Make sure you have the correct version of Node.js (14 or higher) and npm installed, as Midscene requires these to function properly
Saves to your device
Use with Claude
New

Skip the builder β€” one click puts this in Claude, Cursor, Antigravity and more.

βœ… Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly β€” no install
Claude Code
mkdir -p ~/.claude/skills/midscene && curl -fsSL https://workflowstacks.com/api/skills/midscene/claude-skill -o ~/.claude/skills/midscene/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go β€” no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Midscene: Automated UI Testing works
Codeflow
Free to inspect

Midscene: Automated UI Testing is a very large TypeScript project (~134k lines across 843 code files, plus 687 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit this month, MIT license, has a test suite.

Size
Very large codebase
~134k lines Β· 843 code files Β· days to read β€” use, don't read
Setup
One-command install
Installs like a normal app. Reading the code is optional.
Runs on
Node.js
No API keys detected
TypeScript 81%MDX 10%JavaScript 3%Less 2%CSS 1%
Where to start reading
  1. 1
    README.md
    Start here β€” what it does and how to install it
  2. 2
    AGENTS.md
    The instructions the AI actually follows
  3. 3
    package.json
    Dependencies and the commands it exposes
What's in each folder
packages/Sub-packages / plugins1484 files
apps/Sub-packages / plugins724 files
scripts/Helper scripts18 files
.github/CI / automation (GitHub Actions)27 files
.husky/Tool / agent settings2 files
.vscode/Editor / agent settings1 files
READMEHas testsDocumentedCI checksMIT licenseUpdated this month
Quick Actions
Details
Creator
web-infra-dev
Language
TypeScript
Category
devtools
Published
7/23/2024

Are you the creator of this tool? Claim your listing β†’ and earn 85% of every sale.