skills.rest
adoptai
adoptaiOFFICIAL
Explore all skills by this author →
GitHub

noui-record-workflow

Record browser workflows and compile them into FastMCP servers or Claude Code skills.

25|8|Updated Apr 6, 2026
Search Tags:#web automation#mcp servers#fastmcp#tabby#agent tools#authenticated api#workflow recording
One-click install
npx skills add https://github.com/adoptai/noui --skill noui-record-workflow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: noui-record-workflow
Source: https://github.com/adoptai/noui/tree/main/skills/noui-record-workflow
Command: npx skills add https://github.com/adoptai/noui --skill noui-record-workflow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

NoUI Record Workflow eliminates brittle UI automation by turning a recorded, authenticated browser workflow into callable API-style tools that agents can reliably use without clicks or DOM scraping.

Core Features & Use Cases

  • Workflow recording to runnable servers: Record a session and compile it into a FastMCP server with an auto-generated tool inventory and API docs.
  • Auth-aware execution modes: Support session-cookie (Tabby-authenticated), static API key/Bearer tokens, and unauthenticated public sub-paths.
  • Agent-ready tool schemas: Generate operations designed to execute inside the authenticated browser context by routing via Tabby’s execution endpoints.

Quick Start

Ask it to record and export a workflow as an MCP server by instructing: "Start the backend, record my workflow in the NoUI Workflow Recorder extension, then export it as an MCP server (authenticated with my Tabby profile slug) and tell me the server_id."

Frequently Asked Questions about noui-record-workflow

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn a recorded browser workflow into an MCP server?▼

You can compile a recorded browser workflow into a FastMCP server by capturing your session and exporting it with an auto-generated tool inventory and API docs, eliminating brittle UI automation.

How does web workflow recording handle authenticated API sessions?▼

Web workflow recording handles authenticated API sessions by supporting session-cookie authentication via Tabby profile slugs, alongside static API key or Bearer tokens for reliable agent execution.

Can I export multi-step browser workflows into agent tools without DOM scraping?▼

Yes, you can record complete multi-step user journeys and export them as agent-ready tool schemas that route via execution endpoints instead of relying on clicks or DOM scraping.

What's the best way to automate authenticated web apps for AI agents?▼

Recording the authenticated browser workflow and compiling it into a callable FastMCP server is the best way to automate web apps, providing agents with reliable API-style tools.

Does workflow recording to FastMCP support unauthenticated public endpoints?▼

Yes, workflow recording to FastMCP supports unauthenticated public sub-paths alongside authenticated session-cookie apps and static API key APIs across complete multi-step user journeys.

Why should I avoid brittle UI automation when building agent tools?▼

You should avoid brittle UI automation because DOM scraping and clicks break easily; compiling recorded workflows into callable API-style tools ensures agents execute tasks reliably.

Related Skills

Explore More Software Engineering Skills→
Valor-mmmValor-mmm

sentry-browser-sdk

Install and initialize @sentry/browser for error monitoring and tracing.

Community
Advanced
adoptaiadoptai
25

noui-generalize

Generalize recorded NoUI workflows into agent-invokable FastMCP server tools.

Official
Advanced
adoptaiadoptai
25

noui-record-login

Record authenticated website login flows and register them with Tabby.

Official
Advanced
seanchiuaiseanchiuai
14

auth

Authenticate users across web, native, and API clients with PKCE and Supabase.

Community
Advanced