> ## Documentation Index
> Fetch the complete documentation index at: https://docs.skillbridgedev.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Getting started

# Getting Started with Live Tutor

Your AI tutoring companion is ready to help you learn more effectively. This guide will walk you through setting up and using the Live Tutor for the first time, from basic text interactions to advanced features like screen sharing and podcast creation.

## First-Time Setup

### Accessing Live Tutor

<div class="screenshot">
  Screenshot: Multiple access points for Live Tutor including Learning Client button, SkillShop menu item, and direct URL
</div>

Choose the access method that works best for your situation:

#### From Learning Client (Recommended)

1. **Look for the 🤖 AI Tutor button** in the top navigation bar
2. **Click to open** the Live Tutor panel on the right side
3. **Context awareness**: The tutor automatically knows what content you're studying
4. **Seamless integration**: Switch between learning and tutoring without losing context

#### From SkillShop Client

1. Navigate to **"AI Tools"** in the main menu
2. Select **"Live Tutor"** from the available agents
3. Choose your interaction mode (tutoring, podcast creation, etc.)
4. The tutor has access to your educational content and progress

#### Standalone Access

1. Go directly to: `https://your-domain.com/live-tutor`
2. **Full-featured access** to all Live Tutor capabilities
3. Sign in to sync with your learning profile
4. Ideal for focused tutoring sessions or podcast creation

### Initial Permission Setup

<div class="screenshot">
  Screenshot: Browser permission dialog showing microphone, camera, and screen sharing permission requests
</div>

When you first access Live Tutor, your browser may request permissions:

#### <span class="step-number">1</span> Microphone Access

* **Purpose**: Voice interaction and podcast recording
* **When prompted**: Choose "Allow" for full voice features
* **Alternative**: Select "Block" if you prefer text-only interaction
* **Note**: Can be changed later in browser settings

#### <span class="step-number">2</span> Camera Access

* **Purpose**: Visual learning assistance and video interaction
* **Use cases**: Show written work, demonstrate problems, visual learning
* **Optional**: Not required for basic tutoring functionality
* **Privacy**: Camera feed is only active when you choose to use it

#### <span class="step-number">3</span> Screen Sharing

* **Purpose**: Collaborative problem-solving and application assistance
* **When needed**: Prompted when you first try to share your screen
* **Flexibility**: Choose to share entire screen, window, or tab
* **Control**: You maintain full control over what is shared

<div class="tip">
  <strong>🔒 Privacy First:</strong> All permissions are completely optional. The Live Tutor works great with just text interaction. You can always enable additional features later when you're ready.
</div>

### Interface Overview

<div class="screenshot">
  Screenshot: Complete Live Tutor interface showing chat panel, control buttons, session info, and settings menu
</div>

Let's explore the Live Tutor interface:

#### Main Chat Area

* **Conversation Display**: Your questions and the tutor's responses
* **Message Input**: Text box for typing questions
* **Voice Button**: Record voice messages (if microphone enabled)
* **File Upload**: Share documents, images, or other files with the tutor

#### Control Panel

* **🎤 Microphone**: Toggle voice input on/off
* **📷 Camera**: Enable/disable video feed
* **🖥️ Screen Share**: Start collaborative screen sharing
* **⚙️ Settings**: Customize tutor behavior and preferences

#### Session Information

* **Session ID**: Unique identifier for current tutoring session
* **Duration**: Time spent in current session
* **Status Indicators**: Connection quality, recording status, permissions
* **Quick Stats**: Messages sent, topics covered, help requests

#### Advanced Features

* **📁 Session History**: Access previous tutoring conversations
* **📊 Learning Analytics**: View insights about your learning patterns
* **🎙️ Podcast Mode**: Switch to podcast creation interface
* **💾 Export**: Save session transcripts and materials

## Your First Tutoring Session

### Starting a Conversation

<div class="screenshot">
  Screenshot: Initial chat interface with welcome message and suggested conversation starters
</div>

Begin your tutoring experience with confidence:

#### Introduction & Context Setting

1. **Greet your tutor**: Start with a simple "Hello" or "Hi there!"
2. **Provide context**: "I'm working on algebra homework" or "I'm studying for a biology test"
3. **State your goal**: "Can you help me understand quadratic equations?" or "I need to review photosynthesis"

#### Sample First Interactions

**For Academic Help**:

```
"Hi! I'm struggling with this calculus problem about derivatives. 
Can you help me work through it step by step?"
```

**For Learning Strategy**:

```
"Hello! I have a history test next week covering World War II. 
What's the best way to organize my study time?"
```

**For Concept Review**:

```
"I'm learning Python programming and I'm confused about how 
loops work. Can you explain them in simple terms?"
```

### Understanding Tutor Responses

<div class="screenshot">
  Screenshot: Sample tutor response showing structured explanation with examples, follow-up questions, and resource suggestions
</div>

The AI tutor provides comprehensive, structured responses:

#### Response Elements

* **Direct Answer**: Clear response to your specific question
* **Explanation**: Detailed breakdown of concepts or steps
* **Examples**: Practical illustrations to reinforce understanding
* **Follow-Up Questions**: Check for understanding and guide deeper learning
* **Additional Resources**: Suggestions for further study

#### Types of Help You'll Receive

* **Step-by-Step Solutions**: Guided problem-solving with clear stages
* **Concept Clarification**: Simple explanations of complex ideas
* **Memory Techniques**: Strategies for retention and recall
* **Study Planning**: Personalized approaches to learning goals
* **Error Analysis**: Understanding mistakes and how to avoid them

### Practice Session Types

Try these different interaction styles to find what works best:

#### Problem-Solving Session

1. **Share a specific problem** you're working on
2. **Ask for guidance** rather than direct answers
3. **Work through solutions together** step by step
4. **Ask clarifying questions** when you don't understand
5. **Confirm understanding** before moving to the next problem

#### Concept Exploration Session

1. **Choose a topic** you want to understand better
2. **Ask for a basic explanation** to start
3. **Request examples** from different contexts
4. **Explore connections** to other concepts you know
5. **Test your understanding** with questions back to the tutor

#### Study Strategy Session

1. **Describe your learning goals** and timeline
2. **Discuss your current study methods** and challenges
3. **Ask for personalized recommendations** for improvement
4. **Create a study plan together** with specific steps
5. **Check in regularly** to adjust and optimize your approach

## Voice Interaction Setup

### Testing Your Audio

<div class="screenshot">
  Screenshot: Audio testing interface with microphone level indicator and voice activity detection
</div>

Ensure optimal voice interaction:

#### <span class="step-number">1</span> Microphone Test

* **Click the microphone button** 🎤 to activate voice input
* **Speak normally** - you should see audio level indicators respond
* **Check audio quality** - clear speech for better recognition
* **Adjust position** if needed for optimal pickup

#### <span class="step-number">2</span> Voice Input Options

* **Push-to-Talk**: Hold the microphone button while speaking
* **Click-to-Toggle**: Click once to start, click again to stop
* **Voice Activation**: Hands-free mode (if supported by your browser)
* **Keyboard Shortcut**: Use spacebar for quick voice input

#### <span class="step-number">3</span> Voice Response Settings

* **Speaker Volume**: Adjust for comfortable listening
* **Speech Speed**: Control how fast the AI speaks
* **Voice Selection**: Choose different AI voice personalities
* **Auto-Play**: Decide if responses play automatically

### Voice Interaction Best Practices

<div class="tip">
  <strong>🎙️ Audio Quality Tips:</strong>

  <ul>
    <li><strong>Quiet Environment</strong>: Minimize background noise for better recognition</li>
    <li><strong>Clear Speech</strong>: Speak at normal pace with clear pronunciation</li>
    <li><strong>Good Microphone</strong>: Use a headset or external mic for best results</li>
    <li><strong>Consistent Distance</strong>: Maintain steady distance from microphone</li>
  </ul>
</div>

**Effective Voice Commands**:

* **"Can you explain..."** - Request detailed explanations
* **"Help me understand..."** - Ask for clarification
* **"What's the next step..."** - Guide through processes
* **"Can you repeat that..."** - Request clarification

## Camera & Visual Learning

### Camera Setup

<div class="screenshot">
  Screenshot: Camera setup interface showing video feed preview, lighting adjustment, and positioning guidance
</div>

Optimize your camera for effective visual learning:

#### Camera Positioning

* **Eye Level**: Position camera at comfortable eye level for natural interaction
* **Stable Mount**: Use a tripod or stable surface to prevent camera shake
* **Clear View**: Ensure your face is clearly visible and well-lit
* **Background**: Choose a simple, non-distracting background

#### Lighting & Quality

* **Natural Light**: Face a window or light source for best illumination
* **Avoid Backlighting**: Don't sit with bright light behind you
* **Consistent Lighting**: Maintain steady lighting throughout your session
* **Camera Quality**: Use the highest resolution your internet connection supports

### Visual Learning Applications

<div class="screenshot">
  Screenshot: Student showing written math work to camera with AI tutor providing annotations and corrections
</div>

Use your camera for enhanced learning:

#### Show Written Work

* **Math Problems**: Hold up homework or notes for step-by-step help
* **Written Assignments**: Get feedback on essays, reports, or creative writing
* **Diagram Review**: Share scientific diagrams or concept maps
* **Language Practice**: Show writing exercises for grammar and spelling help

#### Demonstration Learning

* **Science Experiments**: Get guidance on lab procedures and safety
* **Art Techniques**: Receive feedback on drawing, painting, or craft projects
* **Physical Skills**: Learn proper form for activities requiring movement
* **Object Identification**: Get help identifying specimens, artifacts, or tools

#### Interactive Problem Solving

* **Real-Time Guidance**: Work through problems while receiving immediate feedback
* **Error Correction**: Have mistakes identified and corrected as they happen
* **Technique Improvement**: Learn better methods through visual demonstration
* **Confidence Building**: Practice skills with supportive, patient guidance

## Screen Sharing for Collaborative Learning

### Setting Up Screen Sharing

<div class="screenshot">
  Screenshot: Screen sharing selection dialog with options for different sharing types and privacy settings
</div>

Share your screen for comprehensive assistance:

#### Sharing Options

1. **Entire Screen**: Best for comprehensive help across multiple applications
2. **Application Window**: Share specific programs like code editors or documents
3. **Browser Tab**: Limit sharing to specific web content or online tools
4. **Screen Region**: Share only a selected portion of your screen

#### Privacy Considerations

* **Review Content**: Check what's visible before sharing
* **Close Sensitive Applications**: Hide personal information or unrelated work
* **Use Application Sharing**: More private than full screen sharing
* **Control Duration**: Stop sharing immediately when help is complete

### Effective Screen Sharing

<div class="screenshot">
  Screenshot: Active screen sharing session with AI tutor providing guidance on a coding problem with highlighted code sections
</div>

Make the most of collaborative screen sharing:

#### Preparation

* **Organize Your Screen**: Arrange windows for clear visibility
* **Close Distractions**: Hide unrelated applications and notifications
* **Prepare Materials**: Have relevant files and applications ready
* **Test Sharing**: Do a quick test to ensure everything is visible

#### During the Session

* **Provide Context**: Explain what the tutor is seeing
* **Follow Guidance**: Act on tutor suggestions and instructions
* **Ask Questions**: Clarify when instructions aren't clear
* **Take Notes**: Record important insights and techniques learned

#### Common Use Cases

* **Software Learning**: Get help with new applications or tools
* **Coding Assistance**: Debug programs and learn programming concepts
* **Research Guidance**: Learn effective online research techniques
* **Assignment Help**: Receive guidance on complex projects or tasks

## Session Management

### Saving Your Progress

<div class="screenshot">
  Screenshot: Session management panel showing save options, export features, and session history
</div>

Keep track of your learning sessions:

#### Automatic Features

* **Session Logging**: Conversations are automatically saved during your session
* **Progress Tracking**: Your learning progress is continuously updated
* **Context Preservation**: Return to previous topics easily in future sessions
* **Cross-Platform Sync**: Access your history from any device

#### Manual Controls

* **Session Notes**: Add personal notes and observations
* **Export Transcripts**: Download conversation records for offline review
* **Bookmark Important Moments**: Mark key insights for quick reference
* **Share Sessions**: Send interesting conversations to classmates or teachers

### Planning Follow-Up Sessions

<div class="success">
  <strong>📅 Session Planning:</strong> The most effective learning happens with regular, consistent tutoring sessions. Consider scheduling regular check-ins with your AI tutor to maintain momentum and address new challenges as they arise.
</div>

**Effective Follow-Up Strategies**:

* **Regular Schedule**: Set consistent times for tutoring sessions
* **Goal-Oriented**: Plan sessions around specific learning objectives
* **Progress Review**: Start sessions by reviewing previous learning
* **Skill Building**: Use sessions to progressively build competencies
* **Challenge Resolution**: Address difficulties as they arise in your studies

***

*Now that you're set up and comfortable with the basics, explore [AI Tutoring](tutoring.md) to learn advanced techniques for getting the most out of your AI learning companion.*
