Back to Resources
    Workshop Resource

    Claude Project Setup Guide

    Your step-by-step walkthrough for setting up Claude Projects to build your professional portfolio site.

    What is a Claude Project?

    Claude Projects allow you to:

    Keep all related conversations in one place
    Upload and reference files across multiple chats
    Build up context over time
    Set custom instructions for consistent behavior

    Think of it as...

    Your dedicated workspace for this portfolio project.

    Step-by-Step Setup

    1

    Create Your Project

    1. Go to claude.ai
    2. Click on "Projects" in the left sidebar
    3. Click "Create Project"
    4. Name it: My Portfolio Site - [Your Name]
    5. Add a brief description: Building my professional portfolio website
    2

    Upload Your Files

    Upload these files to your project (drag and drop or click to browse):

    ✅ Required

    • • Professional headshot (PNG/JPG, high res)
    • • Current resume (PDF or DOCX)

    ✅ Highly Recommended

    • • LinkedIn profile content
    • • Past work samples
    • • Client testimonials

    Optional

    • • Brand guidelines or logo
    • • Previous website content
    • • Business card or materials
    3

    Set Custom Instructions

    Copy this template into your Project Instructions field:

    Project Instructions Template
    PROJECT PURPOSE:
    I'm building a professional portfolio website for my [industry/profession] business using 
    Lovable.dev and Claude. This project will help me create all content and guide development.
    
    ABOUT ME:
    - Industry/Field: [Your industry]
    - Target Clients: [Who you serve]
    - Key Services: [List 3-5 main offerings]
    - Years of Experience: [Number]
    - Location: [City/Region if relevant]
    - Unique Value: [What makes you different]
    
    TONE PREFERENCES:
    - Professional but approachable
    - Confident without being arrogant
    - Client-focused, benefit-oriented
    - [Add any specific tone preferences]
    
    TECHNICAL CONTEXT:
    - Building with Lovable.dev (AI-powered web development)
    - Need mobile-responsive design
    - Prefer clean, modern aesthetics
    - Color preference: [Your brand color]
    
    WHEN HELPING ME:
    - Be specific and actionable
    - Provide ready-to-use content I can copy/paste
    - Explain technical concepts simply
    - Ask clarifying questions when needed
    - Reference my uploaded resume and materials
    
    FILES UPLOADED:
    [List the files you've uploaded]
    4

    Create Your First Conversation

    Start a new chat in your project with this prompt:

    First Prompt
    I'm ready to build my portfolio website! I've uploaded my resume and headshot.
    
    Let's start by:
    1. Analyzing my resume to extract key information
    2. Creating a content outline for my portfolio site
    3. Drafting my professional value proposition
    
    What do you need from me first?

    Project Organization Tips

    Create Multiple Chats for Different Purposes

    Chat 1: Content Creation

    • • Bio writing
    • • Service descriptions
    • • Case studies
    • • All written content

    Chat 2: Lovable Development

    • • Technical implementation
    • • Design iterations
    • • Debugging
    • • Feature additions

    Chat 3: Strategy & Planning

    • • SEO considerations
    • • Content strategy
    • • Future enhancements
    • • Marketing integration

    Why Multiple Chats?

    • • Keeps conversations focused and easier to find later
    • • Prevents context confusion
    • • Makes it easier to reference specific discussions
    • • All chats share access to your uploaded files!

    Files You'll Generate During the Workshop

    Content Assets

    • professional_bio.md
    • service_descriptions.md
    • value_proposition.md
    • case_studies.md
    • testimonials.md

    Technical Assets

    • • Lovable.dev project URL (save it!)
    • • Design notes and color codes
    • • Form integration details
    • • Domain and deployment info

    Working Documents

    • • Content outline and site structure
    • • SEO keywords and meta descriptions
    • • Image requirements list
    • • Future enhancement ideas

    Best Practices for Working in Your Project

    1. Reference Past Work

    "Using the bio you created in our last conversation, now write 3 shorter versions for different sections of the site."

    2. Build on Previous Outputs

    "Take the service descriptions we created and now format them for the Lovable services grid with icons and CTAs."

    3. Ask for Explanations

    "Can you explain what Supabase does and why we need it for the contact form?"

    4. Iterate Freely

    "That bio is good but too formal. Make it more conversational while keeping the professionalism."

    5. Keep Track of Decisions

    "Add to my project notes: We decided on navy blue (#1E3A8A) as primary brand color, Montserrat for headings, Open Sans for body text."

    Sample First Session Workflow

    5 min

    1. Introduction & Analysis

    You:

    "I'm ready to start! I've uploaded my resume and headshot."

    Claude:

    [Analyzes your materials and asks clarifying questions]

    10 min

    2. Content Extraction

    You:

    "Extract my professional details from the resume."

    Claude:

    [Provides structured data about your experience]

    10 min

    3. Value Proposition

    You:

    "Create 5 hero section headline options."

    Claude:

    [Generates compelling headline variations]

    10 min

    4. Site Structure

    You:

    "Outline my complete portfolio site structure."

    Claude:

    [Creates page-by-page content plan]

    15 min

    5. Content Creation

    You:

    "Write my professional bio for the About page."

    Claude:

    [Drafts compelling bio content]

    5 min

    6. Ready for Lovable

    You:

    "I'm ready to start building in Lovable. What's the first prompt I should use?"

    Claude:

    [Provides specific Lovable prompts with your content]

    Troubleshooting Project Issues

    Setup Phase

    Progress0/6 completed

    Content Phase

    Progress0/5 completed

    Development Phase

    Progress0/6 completed

    Polish Phase

    Progress0/5 completed

    After the Workshop

    Your Claude Project becomes your ongoing assistant for:

    Updating content when your business evolves
    Generating new case studies
    Creating blog posts or articles
    Drafting client proposals
    Building additional features

    Keep it active and keep building!

    Created by: MXP Studio | Facing Disruption

    Ready to explore more resources?