Claude in a Box
Description
A ChatGPT Canvas-style interface for Claude Code running in E2B sandboxes. Build, create, and code anything with AI-powered development in secure, isolated environments.
Installation
claude install-skill https://github.com/juancgarza/claude-in-a-box README
📦 Claude in a Box
A ChatGPT Canvas-style interface for Claude Code running in E2B sandboxes. Build, create, and code anything with AI-powered development in secure, isolated environments.
✨ Features
- undefined
Project Structure
├── apps/
│ ├── frontend/ # Next.js 15 with App Router
│ └── backend/ # Hono.js API with Bun
├── packages/
│ ├── shared/ # Shared types and utilities
│ └── eslint-config/ # Shared ESLint configuration
└── package.json # Workspace configuration
🏗️ Tech Stack
- undefined
Getting Started
Prerequisites
- undefined
Installation
# Clone the repository
git clone https://github.com/yourusername/claude-in-a-box.git
cd claude-in-a-box
# Install all dependencies
bun install
# Set up environment variables
cp apps/backend/.env.example apps/backend/.env
...
Related Skills
Algorithmic Art
When users request creating art using code, generative art, algorithmic art, flow fields, or particle systemsCreate generative art using p5.js with seeded randomness, flow fields, and particle systems
Design official Brand Guidelines
When brand colors, style guidelines, visual formatting, or company design standards applyApply Anthropic's official brand colors and typography to artifacts
Design official Canvas Design
When user asks to create a poster, piece of art, design, or other static pieceCreate beautiful visual art in PNG and PDF documents using design philosophy
Design official Frontend Design
When user asks to build web components, pages, applications, dashboards, or style/beautify web UICreate distinctive, production-grade frontend interfaces with high design quality
Design official Slack Gif Creator
When users request animated GIFs for SlackCreate animated GIFs optimized for Slack's size constraints
Design official Theme Factory
When user wants to apply a theme or styling to an artifactStyle artifacts with professional themes including 10 pre-set color/font combinations
Design official Related Agents
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://github.com/wshobson/agents) |
ui-visual-validator
| You are an experienced UI visual validation expert specializing in comprehensive visual testing and... | sonnet | [wshobson/agents](https://github.com/wshobson/agents) |
Refactor Clean
| You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and... | - | [wshobson/agents](https://github.com/wshobson/agents) |