Claude Boxes.com

Build Your Own Box

Assemble a Claude Box config interactively. Fill in the sections, preview the JSON, then copy or download.

1Give your box a name and describe what it sets up. This shows on the card when browsing boxes.

Name & Description

2The project instructions file. Tells Claude your tech stack, code style, and how to work in this project. Think of it as a README for AI.

CLAUDE.md

1 line

3Model Context Protocol servers give Claude extra abilities — like searching the web, reading Figma files, or querying a database.

MCP Servers

Popular servers

@modelcontextprotocol/server-filesystem

Read, write, and manage files on the local filesystem

@modelcontextprotocol/server-github

Interact with GitHub repos, issues, and pull requests

@modelcontextprotocol/server-postgres

Query and manage PostgreSQL databases

@modelcontextprotocol/server-memory

Persistent memory using a knowledge graph

@playwright/mcp

Browser automation with Playwright for web scraping and testing

@upstash/context7-mcp

Up-to-date code documentation and examples for any library

@modelcontextprotocol/server-brave-search

Web search powered by the Brave Search API

@modelcontextprotocol/server-slack

Read and send messages in Slack workspaces

@modelcontextprotocol/server-sequential-thinking

Step-by-step reasoning and problem decomposition

@modelcontextprotocol/server-puppeteer

Browser automation with Puppeteer for web scraping

mcp-proxy

A TypeScript SSE proxy for MCP servers that use stdio transport

Search npm for more

Or add manually

4Reusable prompt templates that Claude can call by name. Example: a 'deploy' skill with step-by-step deploy instructions.

Skills

Official Skills

frontend-designAnthropic

Create distinctive, production-grade frontend interfaces with high design quality

webapp-testingAnthropic

Test local web applications using Playwright — verify frontend functionality, debug UI, capture screenshots

claude-apiAnthropic

Build applications with the Claude API and Anthropic SDKs

mcp-builderAnthropic

Build Model Context Protocol servers and clients

skill-creatorAnthropic

Create, improve, and measure Claude Code skills

canvas-designAnthropic

Create visual designs and illustrations using HTML Canvas

algorithmic-artAnthropic

Generate algorithmic and generative art using code

theme-factoryAnthropic

Create cohesive design themes and design systems

web-artifacts-builderAnthropic

Build interactive single-file HTML artifacts and demos

doc-coauthoringAnthropic

Collaboratively write and edit documents with Claude

slack-gif-creatorAnthropic

Create custom animated GIFs for Slack

brand-guidelinesAnthropic

Create and maintain brand identity guidelines

internal-commsAnthropic

Draft internal communications and announcements

docxAnthropic

Create and edit Word documents programmatically

pdfAnthropic

Generate and manipulate PDF documents

pptxAnthropic

Create PowerPoint presentations programmatically

xlsxAnthropic

Create and manipulate Excel spreadsheets

test-driven-developmentobra/superpowers

Enforce RED-GREEN-REFACTOR cycle with strict testing patterns

systematic-debuggingobra/superpowers

4-phase root cause analysis for tracking down bugs

verification-before-completionobra/superpowers

Confirm fixes actually work before marking tasks done

brainstormingobra/superpowers

Refine ideas through Socratic questioning and design exploration

writing-plansobra/superpowers

Create detailed implementation plans with bite-sized tasks

executing-plansobra/superpowers

Batch execution of planned tasks with human checkpoints

dispatching-parallel-agentsobra/superpowers

Manage concurrent subagent workflows for parallel tasks

requesting-code-reviewobra/superpowers

Conduct pre-review evaluation against specifications

receiving-code-reviewobra/superpowers

Process and respond to code review feedback

using-git-worktreesobra/superpowers

Set up isolated development branches with workspace management

finishing-a-development-branchobra/superpowers

Handle merge decisions, cleanup, and branch finalization

subagent-driven-developmentobra/superpowers

Two-stage review with spec compliance and code quality checks

ios-simulatorconorluddy

Build and test iOS apps through simulator automation

playwright-skilllackeyjb

General-purpose browser automation using Playwright

d3js-visualizationchrisvoncsefalvay

Create data visualizations with D3.js

web-asset-generatoralonw0

Generate favicons, app icons, and social media images

frontend-slideszarazhangrui

Create animation-rich HTML presentations

nano-bananakingbootoshi

AI image generation using Gemini models

remotion-video-toolkitshreefentsar

Complete toolkit for programmatic video creation with Remotion + React

Or create your own

5Sub-agents that run with their own model and tools. Example: a 'code-reviewer' agent using Haiku to quickly review your changes.

Agents

6Claude Code plugins extend Claude's capabilities with extra tools. Example: the Frontend Design plugin adds screenshot and visual comparison tools.

Plugins

Official Marketplace

Loading plugins...

Or add by name

7Commands Claude is allowed to run without asking you first. Example: 'git' lets it run any git command automatically.

Permissions

box.json

Your Box

1{
2  "name": "Untitled Box",
3  "description": "",
4  "version": 1,
5  "setup_instructions": "This is a Claude Box (v1) from claudeboxes.com, a portable JSON config that sets... (48 lines)",
6  "claude_md": "",
7  "settings": {
8    "permissions": {
9      "allow": []
10    }
11  },
12  "dependencies": [
13    {
14      "type": "files",
15      "paths": [
16        "CLAUDE.md",
17        ".claude/settings.json"
18      ]
19    }
20  ],
21  "post_setup": ""
22}