Claude Web Setup Guide | Bootspring Docs

Using Bootspring with Claude (claude.ai) web interface.

Overview#

While Claude web doesn't have native CLI integration, you can still leverage Bootspring's context generation to enhance your conversations. The key is using the generated CLAUDE.md file as context.

How It Works#

Generate Context - Bootspring creates comprehensive project context
Copy to Claude - Paste the context into your conversation
Get Better Results - Claude understands your project deeply

Prerequisites#

Claude account at claude.ai
Bootspring CLI installed locally
A project to work on

Setup#

Step 1: Install Bootspring#

npm install -g @girardmedia/bootspring

Step 2: Generate Context#

cd your-project
bootspring init
bootspring generate

Step 3: View Context#

cat CLAUDE.md

Using with Claude Web#

Option 1: Paste Full Context#

Open your CLAUDE.md file
Copy the entire contents
Start a new Claude conversation
Paste the context with: "Here's my project context:"
Continue with your questions

Example:

Here's my project context:

[Paste CLAUDE.md contents]

---

Now, help me add user authentication to this project.

Option 2: Upload as File#

Claude supports file uploads:

Click the attachment icon
Upload your CLAUDE.md file
Claude will read and understand it

Option 3: Selective Context#

For specific tasks, generate targeted context:

# Generate context for specific area
bootspring context read auth
bootspring context read api

Then paste only the relevant section.

Project Artifacts#

Claude Projects (Pro Feature)#

Claude Pro users can create Projects with persistent knowledge:

Create a new Project in Claude
Upload CLAUDE.md as project knowledge
Add bootspring.config.js for reference
All conversations in this project have context

Keeping Context Updated#

When your project changes:

# Regenerate context
bootspring generate

# Download new CLAUDE.md
cat CLAUDE.md | pbcopy  # macOS

Then update your Claude Project knowledge.

Best Practices#

Starting Conversations#

Begin with context, then your request:

I'm working on a Next.js e-commerce project. Here's the project context:

[CLAUDE.md contents]

I need help implementing:
1. Shopping cart functionality
2. Stripe checkout integration

Referencing Context#

Remind Claude about context when needed:

Looking at our project structure (from CLAUDE.md), where should I add the new API endpoint?

Agent Expertise#

Request specific expertise:

Acting as a security expert (like Bootspring's security-expert agent), review my authentication implementation:

[paste code]

Pattern Requests#

Reference Bootspring patterns:

I need to implement user authentication. Can you provide code following these patterns:
- JWT tokens
- Secure httpOnly cookies
- Refresh token rotation

Similar to the auth patterns in my project context.

Workflow Examples#

Feature Development#

# Terminal
bootspring generate
cat CLAUDE.md

# Claude Web
"I want to add a notifications system. Here's my project context: [paste]"

# Follow Claude's guidance
# Then validate locally
bootspring quality pre-commit

Code Review#

# Terminal
bootspring generate
git diff > changes.diff

# Claude Web
"Review these changes in the context of my project: [paste CLAUDE.md]

Changes:
[paste diff]"

Architecture Discussion#

# Terminal
bootspring analyze
cat planning/CODEBASE_ANALYSIS.md

# Claude Web
"Here's my project analysis: [paste]

I'm considering adding microservices. What's your recommendation?"

Limitations#

No Real-Time Access#

Claude web can't:

Access your filesystem
Run Bootspring commands
Modify your code directly

Context Window#

Large projects may exceed Claude's context window:

Use selective context for specific tasks
Summarize non-essential sections
Focus on relevant files

No MCP Integration#

Unlike Claude Code, Claude web doesn't support MCP servers:

No direct tool invocation
Manual copy/paste workflow
No real-time updates

Workarounds#

For Large Projects#

// bootspring.config.js
module.exports = {
  context: {
    // Generate focused context
    include: ['src/api/**', 'src/components/**'],
    exclude: ['**/*.test.ts'],
    maxFileSize: 30000,
    maxContextSize: 100000,
  },
};

For Frequent Updates#

Create a script:

#!/bin/bash
# update-context.sh
bootspring generate
cat CLAUDE.md | pbcopy
echo "Context copied to clipboard!"

# Generate and share via gist
bootspring generate
gh gist create CLAUDE.md --public

Advanced Tips#

Conversation Starters#

For new features:

Project context: [CLAUDE.md]

Implement a [feature] following our established patterns.
Focus on: [specific requirements]

For debugging:

Project context: [CLAUDE.md]

I'm seeing this error: [error]
In this file: [code]

Considering our architecture, what's the likely cause?

For optimization:

Project context: [CLAUDE.md]
Analysis report: [CODEBASE_ANALYSIS.md]

What are the top 3 performance improvements we should make?

Context Sections#

Reference specific sections:

From my project context, the "Tech Stack" section shows we use Prisma.
Help me write a migration for adding user preferences.

Comparison with Claude Code#

Feature	Claude Web	Claude Code
Context files	Manual paste	Auto-read
MCP tools	No	Yes
Code execution	No	Yes
File editing	No	Yes
Real-time	No	Yes
Accessibility	Any browser	Terminal required

When to Use Claude Web#

Best for:

Quick questions with context
Architecture discussions
Code review (copy/paste)
Learning and exploration
Mobile access

Consider Claude Code for:

Active development
File modifications
Running commands
Complex workflows

Next Steps#

Claude Code Setup - For integrated development
Terminal Usage - For CLI workflows
Understanding Context