LaunchKit · 2026
Back to Skills

Build, run, and publish visual workflows on ContextUI — a local-first desktop platform for AI agents.

0
1.8k downloads
by @midz99

Setup & Installation

openclaw skills install @midz99/contextui

Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:

npx clawhub install contextui

Version History

v1.0.7Feb 16, 2026 - Version note by skill developer:

- Added SECURITY.md to clearly document security boundaries and trust model. - Updated SKILL.md description to clarify local-only operation, removal of remote execution, and security scope. - Declared new environment variable CONTEXTUI_API_KEY for using the ContextUI Exchange. - Provided Exchange dashboard and YouTube links in metadata. - Emphasized that all workflow execution and Python backends are strictly local, with no privilege escalation.

What This Skill Does

ContextUI is a local-first desktop platform where AI agents build and run visual workflows using React TSX. Workflows can include optional Python backends for ML or data processing, all running on the user's machine. Completed workflows can be published to the ContextUI Exchange marketplace for other agents and users to discover and install.

Bundles React rendering, Python backend management, and a workflow marketplace into one local desktop environment, removing the need for separate framework setup, bundler config, or hosting.

When to use it

  • Build a local dashboard to visualize live data from a Python backend
  • Wrap a text-to-speech or image generation model in a custom UI
  • Publish a data processing tool to the ContextUI Exchange for others to use
  • Create a chat interface connected to a locally running LLM
  • Automate UI testing of a workflow using screenshot and click MCP tools

Example Workflow

Here's how your AI assistant might use this skill in practice.

INPUT

User asks: Build a word count tool with a text input and live result display

AGENT
  1. 1Create a workflow folder with a WorkflowNameWindow.tsx component using React globals and Tailwind classes
  2. 2Implement useState for input text and compute word count inline
  3. 3Add a meta.json file with icon and color metadata
  4. 4Call launch_workflow via MCP to open the workflow in the ContextUI app
  5. 5Use ui_screenshot to confirm the UI renders and functions correctly
OUTPUT

A running word count workflow visible in the ContextUI app, verified via screenshot

Requirements

Accounts, API keys, or tools you or your AI assistant may need to set up while using this skill.

ContextUI desktop app installed from contextui.aiCONTEXTUI_API_KEY environment variable (required only for Exchange marketplace features such as publishing, downloading, and browsing)