Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Features - Reachy's Brain</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800&family=Nunito:wght@400;500;600;700&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="page-wrapper"> | |
| <!-- Navigation --> | |
| <nav class="nav"> | |
| <div class="nav-brand"> | |
| <a href="index.html" style="display: flex; align-items: center; gap: 0.75rem; text-decoration: none;"> | |
| <img src="logo.png" alt="Reachy's Brain" class="nav-logo-img"> | |
| <span class="nav-title">Reachy's Brain</span> | |
| </a> | |
| </div> | |
| <div class="nav-links"> | |
| <a href="index.html">Home</a> | |
| <a href="index.html#examples">Examples</a> | |
| <a href="index.html#getting-started">Setup</a> | |
| </div> | |
| </nav> | |
| <!-- Features Documentation --> | |
| <section class="section docs-page"> | |
| <div class="docs-header"> | |
| <h1>Complete Feature Guide</h1> | |
| <p>Everything Reachy's Brain can do for you</p> | |
| </div> | |
| <!-- Voice & Communication --> | |
| <div class="docs-category"> | |
| <h2>🗣️ Voice & Communication</h2> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🗣️</span> | |
| <h3>Voice Conversations</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Have natural, flowing conversations with Reachy using OpenAI's Realtime API. The conversation feels natural with sub-second latency and interruption awareness.</p> | |
| <h4>What you can do:</h4> | |
| <ul> | |
| <li>Ask questions on any topic</li> | |
| <li>Have extended conversations with context memory</li> | |
| <li>Interrupt Reachy mid-sentence naturally</li> | |
| <li>Switch topics seamlessly</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Hey Reachy, tell me a joke"</code> | |
| <code>"What's the meaning of life?"</code> | |
| <code>"Can you explain quantum computing simply?"</code> | |
| <code>"Tell me a story about a robot"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">💬</span> | |
| <h3>Scheduled Messages</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Schedule WhatsApp and iMessage messages to be sent at a specific time. Perfect for birthday wishes, reminders to friends, or any message you want to send later.</p> | |
| <h4>Supported platforms:</h4> | |
| <ul> | |
| <li><strong>WhatsApp</strong> - Schedule messages to any WhatsApp contact</li> | |
| <li><strong>iMessage</strong> - Schedule texts to iPhone contacts</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Send a WhatsApp to Mom tomorrow at 9am saying happy birthday"</code> | |
| <code>"Schedule a message to John on Friday: Don't forget our meeting"</code> | |
| <code>"Text Sarah at 6pm: I'm on my way home"</code> | |
| <code>"Send a WhatsApp to the team at 10am: Meeting starts in 30 minutes"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">👥</span> | |
| <h3>iOS Contacts</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Access your iPhone contacts through voice commands. Quickly find phone numbers, email addresses, and other contact details without picking up your phone.</p> | |
| <h4>What you can access:</h4> | |
| <ul> | |
| <li>Phone numbers</li> | |
| <li>Email addresses</li> | |
| <li>Physical addresses</li> | |
| <li>Contact notes</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"What's John's phone number?"</code> | |
| <code>"Find Sarah's email address"</code> | |
| <code>"Show me the contact details for my dentist"</code> | |
| <code>"What's the address for ABC Company?"</code> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Information & Search --> | |
| <div class="docs-category"> | |
| <h2>🔍 Information & Search</h2> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🌤️</span> | |
| <h3>Weather</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Get current weather conditions and forecasts for any location worldwide. Reachy can tell you about temperature, conditions, humidity, and upcoming weather.</p> | |
| <h4>Information available:</h4> | |
| <ul> | |
| <li>Current temperature and conditions</li> | |
| <li>Weather forecasts</li> | |
| <li>Humidity and wind information</li> | |
| <li>Sunrise and sunset times</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"What's the weather like today?"</code> | |
| <code>"Will it rain in Amsterdam tomorrow?"</code> | |
| <code>"What's the temperature in Tokyo?"</code> | |
| <code>"Do I need an umbrella this week?"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">📰</span> | |
| <h3>News</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Stay informed with the latest news headlines and stories. Reachy can fetch news from various categories and give you summaries.</p> | |
| <h4>News categories:</h4> | |
| <ul> | |
| <li>Top headlines</li> | |
| <li>Technology news</li> | |
| <li>Sports updates</li> | |
| <li>Business & finance</li> | |
| <li>Entertainment</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"What's in the news today?"</code> | |
| <code>"Tell me about the latest tech news"</code> | |
| <code>"Any sports news?"</code> | |
| <code>"What's happening in the stock market?"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🔍</span> | |
| <h3>Web Search</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Search the web for information, facts, and answers. Reachy uses web search to find up-to-date information on any topic.</p> | |
| <h4>Use cases:</h4> | |
| <ul> | |
| <li>Fact-checking and research</li> | |
| <li>Finding local businesses</li> | |
| <li>Looking up current events</li> | |
| <li>Getting how-to information</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Search for the best Italian restaurants nearby"</code> | |
| <code>"Who won the World Cup in 2022?"</code> | |
| <code>"How tall is the Eiffel Tower?"</code> | |
| <code>"What are the opening hours of the local library?"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">📍</span> | |
| <h3>Location</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Get your current location and find nearby places. Ask about distances, directions, and points of interest around you.</p> | |
| <h4>Features:</h4> | |
| <ul> | |
| <li>Current location detection</li> | |
| <li>Nearby place search</li> | |
| <li>Distance calculations</li> | |
| <li>Points of interest</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Where am I right now?"</code> | |
| <code>"Find coffee shops nearby"</code> | |
| <code>"How far is the nearest train station?"</code> | |
| <code>"What restaurants are within walking distance?"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🕐</span> | |
| <h3>Date & Time</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Get current time, dates, and time zone information. Useful for scheduling, international calls, or just checking the time hands-free.</p> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"What time is it?"</code> | |
| <code>"What's the date today?"</code> | |
| <code>"What time is it in New York?"</code> | |
| <code>"How many days until Christmas?"</code> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Vision & Camera --> | |
| <div class="docs-category"> | |
| <h2>📷 Vision & Camera</h2> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">📷</span> | |
| <h3>Vision</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Reachy can see and describe what's in front of it using the built-in camera. This enables visual understanding, object recognition, and scene description.</p> | |
| <h4>Capabilities:</h4> | |
| <ul> | |
| <li>Describe scenes and surroundings</li> | |
| <li>Identify objects and people</li> | |
| <li>Read text from documents or screens</li> | |
| <li>Analyze images and photos</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"What do you see?"</code> | |
| <code>"Describe what's on my desk"</code> | |
| <code>"Can you read what's on this paper?"</code> | |
| <code>"How many people are in the room?"</code> | |
| <code>"What color is my shirt?"</code> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Productivity --> | |
| <div class="docs-category"> | |
| <h2>📝 Productivity</h2> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">⏰</span> | |
| <h3>iOS Reminders</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Create and manage reminders directly on your iPhone through voice commands. Never forget important tasks, appointments, or to-dos.</p> | |
| <h4>Features:</h4> | |
| <ul> | |
| <li>Create time-based reminders</li> | |
| <li>Set recurring reminders</li> | |
| <li>Add reminders to specific lists</li> | |
| <li>Check existing reminders</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Remind me to call mom at 5pm"</code> | |
| <code>"Add a reminder to buy groceries tomorrow"</code> | |
| <code>"Set a reminder for my dentist appointment on Friday"</code> | |
| <code>"Remind me every Monday to submit my timesheet"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">📝</span> | |
| <h3>Notes</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Quickly capture thoughts and ideas through voice. Dictate notes to Reachy and save them for later reference.</p> | |
| <h4>Use cases:</h4> | |
| <ul> | |
| <li>Quick thought capture</li> | |
| <li>Shopping lists</li> | |
| <li>Ideas and brainstorming</li> | |
| <li>Personal memos</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Take a note: remember to update the project timeline"</code> | |
| <code>"Save this idea: new feature for the app"</code> | |
| <code>"Note to self: research machine learning frameworks"</code> | |
| <code>"Add to my shopping list: milk, eggs, bread"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🎙️</span> | |
| <h3>Meeting Notes</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Automatic meeting transcription and summarization. Reachy listens to your meetings, captures key points, and generates summaries with action items.</p> | |
| <h4>Features:</h4> | |
| <ul> | |
| <li>Real-time transcription</li> | |
| <li>Automatic summarization</li> | |
| <li>Action item extraction</li> | |
| <li>Key decision tracking</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Start taking meeting notes"</code> | |
| <code>"Summarize our discussion"</code> | |
| <code>"What were the action items from this meeting?"</code> | |
| <code>"Stop recording the meeting"</code> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Games & Entertainment --> | |
| <div class="docs-category"> | |
| <h2>🎮 Games & Entertainment</h2> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">♟️</span> | |
| <h3>Play Chess</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Challenge Reachy to a game of chess! Play using voice commands and watch Reachy react to your moves with expressive animations.</p> | |
| <h4>Features:</h4> | |
| <ul> | |
| <li>Full chess game with standard rules</li> | |
| <li>Voice-controlled moves</li> | |
| <li>Multiple difficulty levels</li> | |
| <li>Move suggestions and analysis</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Let's play chess"</code> | |
| <code>"Move pawn to e4"</code> | |
| <code>"Castle kingside"</code> | |
| <code>"What's your next move?"</code> | |
| <code>"Show me the board"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🃏</span> | |
| <h3>Memory Game</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Test your memory with interactive card matching games. Reachy keeps track of the game state and celebrates your wins!</p> | |
| <h4>Features:</h4> | |
| <ul> | |
| <li>Classic card matching gameplay</li> | |
| <li>Multiple difficulty levels</li> | |
| <li>Score tracking</li> | |
| <li>Celebratory animations on wins</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Let's play a memory game"</code> | |
| <code>"Flip card number 3"</code> | |
| <code>"How many matches do I have?"</code> | |
| <code>"Start a new game"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🥚</span> | |
| <h3>Tamareachy</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Virtual pet mode! Take care of Reachy like a Tamagotchi. Feed it, play with it, keep it hydrated, and watch its mood change based on how well you care for it.</p> | |
| <h4>Stats to manage:</h4> | |
| <ul> | |
| <li><strong>Hunger</strong> - Feed Reachy regularly</li> | |
| <li><strong>Thirst</strong> - Give water to stay hydrated</li> | |
| <li><strong>Happiness</strong> - Play and interact to keep happy</li> | |
| <li><strong>Energy</strong> - Let Reachy rest when tired</li> | |
| <li><strong>Boredom</strong> - Entertain with games and conversation</li> | |
| <li><strong>Health</strong> - Overall wellbeing</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Feed Reachy"</code> | |
| <code>"How is Reachy feeling?"</code> | |
| <code>"Play with Reachy"</code> | |
| <code>"Give Reachy some water"</code> | |
| <code>"Let Reachy sleep"</code> | |
| <code>"Check Reachy's stats"</code> | |
| </div> | |
| <p class="docs-note">💡 When stats get low, Reachy will proactively ask for help!</p> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🎭</span> | |
| <h3>Animations</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Trigger expressive head movements, gestures, and emotional expressions. Make Reachy come alive with personality!</p> | |
| <h4>Animation types:</h4> | |
| <ul> | |
| <li>Emotional expressions (happy, sad, surprised, thinking)</li> | |
| <li>Head movements (nod, shake, tilt)</li> | |
| <li>Dances and celebrations</li> | |
| <li>Custom recorded animations</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Nod your head"</code> | |
| <code>"Do a happy dance"</code> | |
| <code>"Look surprised"</code> | |
| <code>"Show me you're thinking"</code> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Creation & Development --> | |
| <div class="docs-category"> | |
| <h2>🛠️ Creation & Development</h2> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🎯</span> | |
| <h3>Create Apps</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Build custom apps for Reachy using natural language. Describe what you want and watch it come to life. No coding required!</p> | |
| <h4>What you can create:</h4> | |
| <ul> | |
| <li>Custom conversation personalities</li> | |
| <li>Interactive games</li> | |
| <li>Utility apps</li> | |
| <li>Entertainment experiences</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Create an app that tells dad jokes"</code> | |
| <code>"Make a meditation timer app"</code> | |
| <code>"Build a trivia game about science"</code> | |
| <code>"Create a daily affirmation app"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🌐</span> | |
| <h3>Vibe Coding</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Generate websites and web apps through conversation. Describe your vision and Reachy builds it for you with HTML, CSS, and JavaScript.</p> | |
| <h4>What you can create:</h4> | |
| <ul> | |
| <li>Personal websites and portfolios</li> | |
| <li>Landing pages</li> | |
| <li>Simple web applications</li> | |
| <li>Interactive demos</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Create a portfolio website for me"</code> | |
| <code>"Build a simple todo list app"</code> | |
| <code>"Make a landing page for my startup"</code> | |
| <code>"Create a recipe collection website"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🎬</span> | |
| <h3>Animation Recording</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Record custom animations by physically moving Reachy's head. Save your creations and replay them anytime.</p> | |
| <h4>Features:</h4> | |
| <ul> | |
| <li>Record head movements in real-time</li> | |
| <li>Save with custom names</li> | |
| <li>Replay recorded animations</li> | |
| <li>Share with others</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Start recording an animation"</code> | |
| <code>"Save this animation as 'greeting'"</code> | |
| <code>"Play my custom animation"</code> | |
| <code>"List my recorded animations"</code> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="docs-feature"> | |
| <div class="docs-feature-header"> | |
| <span class="docs-icon">🎭</span> | |
| <h3>Custom Personalities</h3> | |
| </div> | |
| <div class="docs-feature-content"> | |
| <p>Create unique AI personalities with different voices, behaviors, and conversation styles. Make Reachy truly your own.</p> | |
| <h4>Customizable aspects:</h4> | |
| <ul> | |
| <li>Voice selection (8 OpenAI voices)</li> | |
| <li>Personality traits</li> | |
| <li>Speaking style</li> | |
| <li>Knowledge focus areas</li> | |
| </ul> | |
| <h4>Example commands:</h4> | |
| <div class="docs-examples"> | |
| <code>"Create a personality that speaks like a pirate"</code> | |
| <code>"Make Reachy more formal"</code> | |
| <code>"Switch to the Coral voice"</code> | |
| <code>"Create a science teacher personality"</code> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Back to Home --> | |
| <div class="docs-footer-nav"> | |
| <a href="index.html" class="btn btn-primary">← Back to Home</a> | |
| <a href="index.html#getting-started" class="btn btn-secondary">Get Started</a> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="footer"> | |
| <div class="footer-content"> | |
| <div class="footer-brand"> | |
| <img src="logo.png" alt="Reachy's Brain" class="footer-logo-img"> | |
| <span>Reachy's Brain</span> | |
| </div> | |
| <div class="footer-links"> | |
| <a href="index.html">Home</a> | |
| <a href="features.html">All Features</a> | |
| <a href="privacy.html">Privacy Policy</a> | |
| <a href="terms.html">Terms of Service</a> | |
| </div> | |
| <p class="footer-copyright">MIT License</p> | |
| </div> | |
| </footer> | |
| </div> | |
| </body> | |
| </html> | |