parksben

Opensider — Development skill for Claude Code

Development community

OpenSider is a browser extension that drives local Agents (Claude Code CLI, Copilot CLI, OpenCode CLI, Cursor CLI, and other local Agent tools) from within your browser for web information gathering.

How to install Opensider

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

What Opensider does

OpenSider is a browser extension that drives local Agents (Claude Code CLI, Copilot CLI, OpenCode CLI, Cursor CLI, and other local Agent tools) from within your browser for web information gathering, web automation, and more. 一个浏览器扩展程序，支持在浏览器中驱动本地 AI Agent 进行网页信息采集、网页自动化操作等工作。

Alternatives in Development

Understand Anything — Graphs that teach graphs that impress 80.7k ★
Agent Of Empires — Manage multiple Claude Code, OpenCode agents from either TUI or Web for easy access on mobile 3.1k ★
Coding Agent Session Search — Unified TUI and CLI to index and search your local coding agent session history across 11+ providers (Codex, C 708 ★

README

你期待已久的浏览器自动化工具

中文 | English

OpenSider 是一个浏览器扩展程序，支持在浏览器中驱动本地 Agent（Claude Code CLI、Copilot CLI、OpenCode CLI、Cursor CLI 等本地 Agent 工具）进行网页信息采集、网页自动化操作等工作。

**在浏览器中与 Agent 协作** 在浏览器侧边栏中直接与本地 Agent 对话，不用开启命令行或终端工具。
**自动载入网页上下文** 无需告诉 Agent 当前你在看什么网页，Agent 能自动拿到浏览器加载的网页信息并自动化操作。
**数据持久化** 所有会话数据保存在本地，应用更新或重装后数据不会丢。

视频演示

示例内容：通过聊天让 Agent 提炼网页信息并生成一份资讯榜单（HTML文件）并在浏览器中打开。

https://github.com/user-attachments/assets/f0a9c654-b66e-43ef-a233-6942a30e83c6

安装使用

本扩展程序适用于 Chrome / Edge / Brave 等 Chromium 内核的浏览器。安装前请确保本机已有正在运行的 Agent CLI 程序。

安装过程仅需四步：

在下载页面下载 extension.zip 文件，解压到本机任意目录。
打开浏览器扩展页（Chrome：chrome://extensions，Edge：edge://extensions），右上角打开开发者模式，左侧点击「加载已解压的扩展程序」，在弹出的文件窗口中选中刚才解压出的文件夹。
点浏览器右上角工具栏上的 OpenSider 图标，浏览器侧边栏会弹出 OpenSider 的用户界面。
首次使用时需按界面中提示，在终端或命令行（Terminal/PowerShell）中执行界面中显示的命令，将本地的 Agent CLI 连上浏览器。连接成功后即可在用户界面中与本地 Agent 开聊。