Hugging Face's logo

Spaces:
btuttle
/
reachy_mini_daedalus
Running

App Files Community
reachy_mini_daedalus
File size: 5,288 Bytes
fc75488
 
b91d64c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
0a6c29f
b91d64c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
fc75488
 
b91d64c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
0a6c29f
 
 
 
 
b91d64c
 
 
 
 
 
 
 
 
 
 
 
 
 
0a6c29f
b91d64c
 
0a6c29f
b91d64c
 
 
 
 
 
 
 
 
 
 
 
 
 
0a6c29f
b91d64c
 
 
 
 
 
 
 
 
 
 
 
 
 
fc75488
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!doctype html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Reachy Mini Conversation App</title>
	<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=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="style.css" />
</head>

<body>
	<header class="hero">
		<div class="topline">
			<div class="brand">
				<span class="logo">🤖</span>
				<span class="brand-name">Reachy Mini</span>
			</div>
			<div class="pill">Realtime voice · Vision aware · Expressive motion</div>
		</div>
		<div class="hero-grid">
			<div class="hero-copy">
				<p class="eyebrow">Conversation App</p>
				<h1>Talk, see, and move together.</h1>
				<p class="lede">
					A friendly, camera-aware companion for Reachy Mini. Chat out loud, watch it follow faces, dance, or react with recorded emotions—all while streaming transcripts in a clean web UI.
				</p>
				<div class="hero-actions">
					<a class="btn primary" href="#highlights">Explore features</a>
					<a class="btn ghost" href="#story">See how it feels</a>
				</div>
				<div class="hero-badges">
					<span>Low-latency voice loop</span>
					<span>Camera insights on demand</span>
					<span>Choreographed dances & emotions</span>
					<span>MCP server integration</span>
				</div>
			</div>
			<div class="hero-visual">
				<div class="glass-card">
					<img src="docs/assets/reachy_mini_dance.gif" alt="Reachy Mini dancing" class="hero-gif">
					<p class="caption">Reachy Mini can move, dance, and emote while holding a natural conversation.</p>
				</div>
			</div>
		</div>
	</header>

	<section id="highlights" class="section features">
		<div class="section-header">
			<p class="eyebrow">What’s inside</p>
			<h2>All-in-one conversational layer for your robot</h2>
			<p class="intro">
				The app blends realtime speech, vision, and motion so Reachy Mini feels present..
			</p>
		</div>
		<div class="feature-grid">
			<div class="feature-card">
				<span class="icon">🎤</span>
				<h3>Natural voice chat</h3>
				<p>Talk freely and get fast, high-quality replies powered by realtime models.</p>
			</div>
			<div class="feature-card">
				<span class="icon">🎥</span>
				<h3>Vision-aware replies</h3>
				<p>Ask the camera tool to see what’s in front, track a face, or keep attention on whoever is speaking.</p>
			</div>
			<div class="feature-card">
				<span class="icon">💃</span>
				<h3>Expressive motion</h3>
				<p>Queue dances, play recorded emotions while Reachy listens and talks.</p>
			</div>
			<div class="feature-card">
				<span class="icon">🧠</span>
				<h3>Personalities on demand</h3>
				<p>Switch conversation styles through profiles and decide which tools (dance, camera, tracking) each persona can use.</p>
			</div>
			<div class="feature-card">
				<span class="icon">🔌</span>
				<h3>MCP server support</h3>
				<p>Connect to external data via MCP—web search, weather, stock prices, sports scores, news headlines, and more.</p>
			</div>
			<div class="feature-card">
				<span class="icon">🌐</span>
				<h3>Ready for your setup</h3>
				<p>Works with wired or wireless Reachy Mini, and can run vision locally or through the default cloud model.</p>
			</div>
		</div>
	</section>

	<section id="story" class="section story">
		<div class="story-grid">
			<div class="story-card">
				<p class="eyebrow">How it feels</p>
				<h3>From hello to helpful in seconds</h3>
				<ul class="story-list">
					<li><span>👋</span> Say "Hey Reachy" and start chatting—no extra setup in the moment.</li>
					<li><span>👀</span> Ask what it sees; it can peek through the camera or keep focus on your face.</li>
					<li><span>🎭</span> Trigger emotions or dance breaks to keep the conversation lively.</li>
					<li><span>🔌</span> Query live data—weather, news, stocks—through MCP server connections.</li>
					<li><span>📝</span> Follow along with live transcripts in the web UI or run audio-only from the console.</li>
				</ul>
			</div>
			<div class="story-card secondary">
				<p class="eyebrow">Where it shines</p>
				<h3>Great for demos, teaching, and playful exploration</h3>
				<p class="story-text">
					Show off how Reachy Mini listens, responds, and moves in sync. Whether you’re guiding a class, hosting a booth, or experimenting at home, the app keeps the robot expressive without juggling scripts or joystick controls.
				</p>
				<div class="chips">
					<span class="chip">Live conversation</span>
					<span class="chip">Face tracking</span>
					<span class="chip">Camera tool</span>
					<span class="chip">Dance library</span>
					<span class="chip">MCP tools</span>
				</div>
			</div>
		</div>
	</section>

	<footer class="footer">
		<p>
			Reachy Mini Conversation App by <a href="https://github.com/pollen-robotics" target="_blank" rel="noopener">Pollen Robotics</a>.
			Explore more apps on <a href="https://huggingface.co/spaces/pollen-robotics/Reachy_Mini_Apps" target="_blank" rel="noopener">Hugging Face Spaces</a>.
		</p>
	</footer>

</body>

</html>