sidebutton

Sidebutton — AI skill for Claude Code

AI community

Open-source browser automation for AI agents.

How to install Sidebutton

This entry records only its repository, not the path inside it, so there is no exact command to give. Open sidebutton/sidebutton and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Sidebutton does

Open-source browser automation for AI agents. MCP server + Chrome extension + YAML workflow engine + knowledge packs. Give your AI agent a browser and domain expertise.

Alternatives in AI

  • AIHawk — Open-source AI browser agent: describe any task in plain language and it autonomously browses, clicks, types a 30.3k ★
  • WeKnora — Open-source LLM knowledge platform: turn raw documents into a queryable RAG, an autonomous reasoning agent, an 26.9k ★
  • Design Md Chrome — Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI base 2.7k ★

README

SideButton

**Open-source AI agent platform for agentic coding — MCP server, knowledge packs, and AI workflow automation.**

[![npm](https://img.shields.io/npm/v/sidebutton)](https://www.npmjs.com/package/sidebutton) [![License](https://img.shields.io/badge/license-Apache--2.0%20%2B%20FSL--1.1-blue.svg)](LICENSING.md)

**[sidebutton.com](https://sidebutton.com)** · **[docs.sidebutton.com](https://docs.sidebutton.com)**

SideButton open-source AI agent platform for agentic coding: MCP server, agentic workflows, knowledge packs

Run AI coding agents with agentic workflows, knowledge packs, and real browser control. Connect Claude Code, Codex, Cursor, ChatGPT, or any MCP client.

npx sidebutton@latest
# Dashboard at http://localhost:9876

What you get

MCP Server AI agent tools for browser control, workflow execution, and knowledge pack access. Stdio and SSE transports.
REST API Trigger workflows remotely from webhooks, cron jobs, mobile apps, or other agents.
Workflow Engine AI workflow automation with browser, git, issue-tracking, LLM, shell, and control-flow steps. Define agentic workflows in YAML.
Knowledge Packs Installable domain knowledge — CSS selectors, data models, state machines. Role playbooks turn coding agents into an AI software engineer, QA, or PM.
Chrome Extension Browser commands with real DOM access via WebSocket, not screenshots. Recording mode.
Dashboard Svelte UI — workflow browser, run logs, skill pack manager, system status.

Quick Start

# Install and start
npx sidebutton@latest

# Or from source
pnpm install && pnpm build && pnpm start

# Open http://localhost:9876

CLI

pnpm cli serve          # Start server with dashboard
pnpm cli serve --stdio  # Start with stdio tra