browsercode

Name: browsercode
Author: leaningtech

by leaningtech

Warning

Run AI Agent CLIs in your browser

126stars

19forks

Svelte

Added 7/10/2026

Installation

# Add to your Claude Code skills
git clone https://github.com/leaningtech/browsercode

Getting Started

Guides for using ai agents skills like browsercode.

Caveman: Cut Claude Token Use by 65%
How agent-side prompt compression works, when to use it, and when not to.
What is an AI Skills Marketplace?
Definitions, how marketplaces work, and how to choose between them in 2026.
Getting Started with AI Skills

Security ReportWarning

Last scanned: 7/10/2026

{
  "issues": [
    {
      "type": "npm-audit",
      "message": "@sveltejs/kit: @sveltejs/kit: `query.batch` cross-talk",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "brace-expansion: brace-expansion: Large numeric range defeats documented `max` DoS protection",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "cookie: cookie accepts cookie name, path, and domain with out of bounds characters",
      "severity": "low"
    },
    {
      "type": "npm-audit",
      "message": "devalue: Svelte devalue: DoS via sparse array deserialization",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "esbuild: esbuild allows arbitrary file read when running the development server on Windows",
      "severity": "low"
    },
    {
      "type": "npm-audit",
      "message": "js-yaml: JS-YAML: Quadratic-complexity DoS in merge key handling via repeated aliases",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "svelte: Svelte: SSR XSS via Insecure Promise Serialization in hydratable",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "vite: launch-editor: NTLMv2 hash disclosure via UNC path handling on Windows",
      "severity": "high"
    }
  ],
  "status": "WARNING",
  "scannedAt": "2026-07-10T07:34:41.451Z",
  "npmAuditRan": true,
  "pipAuditRan": true,
  "promptInjectionRan": true
}

README.md

Frequently Asked Questions

What is browsercode?

browsercode is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by leaningtech. Run AI Agent CLIs in your browser. It has 126 GitHub stars.

Is browsercode safe to use?

browsercode returned warnings in SkillsLLM's automated security scan. It has no critical vulnerabilities, but review the flagged issues in the Security Report section before adding it to your workflow.

How do I install browsercode?

Clone the repository with "git clone https://github.com/leaningtech/browsercode" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is browsercode written in?

browsercode is primarily written in Svelte. It is open-source under leaningtech on GitHub, so you can review or fork the full source.

Are there alternatives to browsercode?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh browsercode against similar tools.

Agentic AI for Beginners

Build your first AI agent from scratch - tool use, ReAct pattern, memory, deployment

41 minBeginner

Comments (0)

to leave a comment.

No comments yet. Be the first to share your thoughts!

Related Skills

ECC

by affaan-m

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,622

alive claude-source-leaked

⚠️ Third-Party Software Notice

This skill is third-party open-source software developed and hosted independently on GitHub. SkillsLLM is an informational directory and does not control or maintain the underlying repository.

Any security checks, ratings, or warnings displayed by SkillsLLM are automated and limited in scope. They do not constitute a security certification or guarantee that the software is safe, error-free, or free from malicious code, vulnerabilities, compromised dependencies, or prompt-injection risks.

Review the source code, permissions, dependencies, and configuration before installing or running any third-party skill. Use is at your own risk. To the maximum extent permitted by applicable law, SkillsLLM is not liable for losses arising from third-party software.

Read the Terms of Service

What is BrowserCode?
Quickstart
Make it your own
Breaking BrowserCode
Roadmap

BrowserCode is a browser-based coding sandbox. It's a working example of BrowserPod, and includes:

Node.js v22, Rust and Python (preview) running in the browser via WebAssembly (more runtimes coming)
A browser-contained, POSIX-like filesystem
Command line tools: bash, git, npm
Browser sandbox isolation from the user's operating system
Restricted outbound networking: the npm and yarn registries, GitHub, and the major AI provider APIs are reachable by default
Instant previews over URL via BrowserPod's portal function
Support for Express.js, Svelte, Next, Nuxt and React (with Wasm overrides)

BrowserCode started out as a way to run AI coding CLIs entirely client-side. It's since grown into a full IDE: alongside the CLIs, it can boot and preview web frameworks directly in the browser, so you can prototype an agent's output without ever leaving the tab.

BrowserCode 1.1.0 is our latest beta release. It runs a full code editor, development environment, and unmodified versions of Claude Code and Codex CLI, completely client-side.

Want to try BrowserCode without installing anything? Use the hosted app.

Go to browsercode.io
BrowserCode will boot instantly, opening with a quick modal tutorial to guide you
Pick an agent from the sidebar, or open the IDE playground to boot a framework template
Claude Code signs in by copying a code from a separate tab; Codex CLI asks for an OpenAI API key, stored in your browser

Want to run your own copy, customize the CLIs, or contribute? Clone the repo and run it locally.

Clone the repository and install dependencies

git clone https://github.com/leaningtech/browsercode.git
cd browsercode
npm install

Get a BrowserPod API key at browserpod.io and expose it to the app as VITE_API_KEY
```
echo "VITE_API_KEY=your-key-here" > .env
```
Start the dev server
```
npm run dev
```
Open the printed local URL in a Chromium-based browser

Other useful scripts:

npm run build — build a production bundle
npm run preview — preview the production build locally
npm run check — type-check the project
npm run lint / npm run format — lint and format with Prettier + ESLint

CLI availability and behavior are configured in src/lib/config/tools.ts — this is the place to start if you want to add or tweak a CLI.

This is BrowserCode beta. Don't be kind to it. Stretch it, bend it, find out what breaks. Here are a few walls you might hit:

At launch, each agent is given an instructions file (CLAUDE.md for Claude Code, AGENTS.md for Codex CLI) so it understands it is running in a custom environment. However, it may first attempt its default behavior before referencing the file
BrowserCode doesn't yet support native binaries. For more information, see the BrowserPod documentation
Networking over TCP isn't available
For maximum compatibility, please use a Chromium browser. Safari currently isn't supported

	CLI	Status
	Claude Code	✅ Beta open now
	Codex CLI	✅ Beta open now
	Antigravity	🚧 Coming soon
	OpenCode	🚧 Coming soon

Cloning GitHub repos directly into your BrowserCode workspace is available in beta from the IDE landing page.