Claude Web Setup Guide
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
Loading code block...
Step 2: Generate Context
Loading code block...
Step 3: View Context
Loading code block...
Using with Claude Web
Option 1: Paste Full Context
- Open your
CLAUDE.mdfile - 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.mdfile - Claude will read and understand it
Option 3: Selective Context
For specific tasks, generate targeted context:
Loading code block...
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.mdas project knowledge - Add
bootspring.config.jsfor reference - All conversations in this project have context
Keeping Context Updated
When your project changes:
Loading code block...
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
Loading code block...
For Frequent Updates
Create a script:
Loading code block...
For Team Sharing
Loading code block...
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