-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
187 lines (176 loc) · 11.9 KB
/
index.html
File metadata and controls
187 lines (176 loc) · 11.9 KB
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Starsfield AI - The World's First Agent Data & Evaluation Infrastructure</title>
<script src="https://cdn.tailwindcss.com"></script>
<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=Inter:wght@400;500;700&family=IBM+Plex+Mono:wght@500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #0A0A0A; /* near-black background */
color: #E5E5E5; /* off-white text */
}
/* Applying the mono font to all headings */
h1, h2, h3, h4, h5, h6 {
font-family: 'IBM Plex Mono', monospace;
font-weight: 700;
color: #F4F4F5; /* brighter white for headings */
}
.accent-green {
color: #34D399; /* emerald-400 */
}
.bordered-box {
border: 1px solid #27272A; /* zinc-800 */
border-radius: 0.75rem; /* rounded-xl */
}
</style>
</head>
<body class="antialiased">
<header class="sticky top-0 z-50 bg-[#0A0A0A]/80 backdrop-blur-sm">
<nav class="container mx-auto px-6 py-4 flex justify-between items-center border-b border-[#27272A]">
<a href="#" class="text-xl md:text-2xl" style="font-family: 'IBM Plex Mono', monospace; font-weight: 700;">
Starsfield AI
</a>
<div class="flex items-center space-x-6 md:space-x-8 text-sm md:text-base">
<a href="#about" class="text-neutral-400 hover:text-white transition-colors duration-300">About</a>
<a href="#careers" class="text-neutral-400 hover:text-white transition-colors duration-300">Join Us</a>
</div>
</nav>
</header>
<main class="container mx-auto px-6 py-16 md:py-24">
<section class="text-center max-w-4xl mx-auto">
<h1 class="text-4xl md:text-6xl tracking-tighter">
The World's First<br>
<span class="accent-green">Agent Data & Eval Infra</span>
</h1>
<p class="max-w-2xl mx-auto text-neutral-400 text-base md:text-lg mt-6 leading-relaxed">
We build the foundational infrastructure for AI Agents. Our approach is rooted in the belief that truly productive agents emerge from two key elements:
</p>
<ul class="max-w-2xl mx-auto text-neutral-400 text-base md:text-lg mt-4 space-y-3 list-none">
<li class="flex items-start">
<span class="accent-green font-semibold mr-2">•</span>
<span><span class="accent-green font-semibold">Long-Horizon Data</span> demonstrating how human experts accomplish jobs.</span>
</li>
<li class="flex items-start">
<span class="accent-green font-semibold mr-2">•</span>
<span><span class="accent-green font-semibold">RL Environments</span> where agents can autonomously refine their skills.</span>
</li>
</ul>
<!-- <div class="mt-10">
<a href="#careers" class="inline-block bg-[#34D399] text-black font-bold py-3 px-8 rounded-full hover:bg-white transition-colors duration-300" style="font-family: 'Inter', sans-serif;">
Join Us
</a>
</div> -->
</section>
<section id="about" class="mt-24 md:mt-32">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl">Core Products</h2>
<p class="text-neutral-400 mt-4">We believe the path to productive agent is built on three complementary pillars.</p>
</div>
<div class="grid md:grid-cols-3 gap-6">
<div class="bordered-box p-8 text-center flex flex-col">
<div class="mx-auto mb-4 w-16 h-16 flex items-center justify-center rounded-full bg-slate-800">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-amber-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.657 7.343A8 8 0 0117.657 18.657z" /><path stroke-linecap="round" stroke-linejoin="round" d="M9.879 16.121A3 3 0 1014.12 11.88l-4.242 4.242z" /></svg>
</div>
<h3 class="text-2xl">Prometheus</h3>
<p class="accent-green font-semibold my-3" style="font-family: 'Inter', sans-serif;">Stealing the Fire of Human Wisdom</p>
<p class="text-neutral-400 text-sm flex-grow">High-quality datasets on how human experts get long-horizon jobs done, transforming the knowledge of human civilization into the core fuel for the next generation of AI Agents.</p>
</div>
<div class="bordered-box p-8 text-center flex flex-col">
<div class="mx-auto mb-4 w-16 h-16 flex items-center justify-center rounded-full bg-slate-800">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-sky-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" /></svg>
</div>
<h3 class="text-2xl">Hephaestus</h3>
<p class="accent-green font-semibold my-3" style="font-family: 'Inter', sans-serif;">Forging Worlds for Intelligent Minds</p>
<p class="text-neutral-400 text-sm flex-grow">Highly capable, interactive virtual environments where AI Agents learn and grow rather than just code-executing programs.</p>
</div>
<div class="bordered-box p-8 text-center flex flex-col">
<div class="mx-auto mb-4 w-16 h-16 flex items-center justify-center rounded-full bg-slate-800">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-violet-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg>
</div>
<h3 class="text-2xl">Colosseum</h3>
<p class="accent-green font-semibold my-3" style="font-family: 'Inter', sans-serif;">The Arena to Measure Agent's True Productivity</p>
<p class="text-neutral-400 text-sm flex-grow">The ultimate proving ground, using rigorous evaluation to discern the true productivity, limits, and risks of AI comparing to human experts.</p>
</div>
</div>
</section>
<section id="careers" class="mt-24 md:mt-32">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl">Join Us</h2>
<p class="text-neutral-400 mt-4 max-w-4xl mx-auto">We are looking for pioneers who are fearless and passionate to build AI agents that<span class="accent-green font-semibold"> automate the most valuable.</span></p>
<p class="mt-6 max-w-2xl mx-auto">
<span class="text-neutral-400">Contact <a href="https://chenllliang.github.io/" class="accent-green font-semibold hover:underline">Liang Chen (Founder)</a>: </span>
<a href="mailto:leo.liang.chen@outlook.com" class="accent-green font-semibold hover:underline">leo.liang.chen@outlook.com</a>
</p>
</div>
<div class="space-y-6">
<div class="bordered-box overflow-hidden">
<div class="p-8">
<h3 class="text-xl md:text-2xl accent-green">Human Data Engineer</h3>
<p class="mt-2 text-neutral-400 text-sm">We are stealing the fire of civilization to ignite a new era for artificial intelligence.</p>
<div class="mt-6 grid md:grid-cols-2 gap-x-8 gap-y-6 text-sm">
<div>
<h4 class="mb-2">Responsibilities:</h4>
<ul class="list-disc list-inside text-neutral-400 space-y-2">
<li>Build expert data cleaning, annotation & validation pipelines.</li>
<li>Explore generation and application of synthetic data.</li>
<li>Manage the human experts team.</li>
</ul>
</div>
<div>
<h4 class="mb-2">Requirements:</h4>
<ul class="list-disc list-inside text-neutral-400 space-y-2">
<li>Experience in annotators and human data management.</li>
<li>A passion for data quality as a core principle.</li>
<li>Creative thinking and positive to cooperate.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="bordered-box overflow-hidden">
<div class="p-8">
<h3 class="text-xl md:text-2xl accent-green">Agent Environment Engineer</h3>
<p class="mt-2 text-neutral-400 text-sm">Great artisans are not limited by tools; they create worlds.</p>
<div class="mt-6 grid md:grid-cols-2 gap-x-8 gap-y-6 text-sm">
<div>
<h4 class="mb-2">Responsibilities:</h4>
<ul class="list-disc list-inside text-neutral-400 space-y-2">
<li>Design interactive RL environments for agents including GUI and MCP ones.</li>
<li>Create benchmarks and reward models mapping to real-world productive tasks.</li>
<li>Develop tools for automatic environment generation.</li>
</ul>
</div>
<div>
<h4 class="mb-2">Requirements:</h4>
<ul class="list-disc list-inside text-neutral-400 space-y-2">
<li>Excellent software engineering skills, familar with docker.</li>
<li>In-depth understanding of RL & agent systems.</li>
<li>Ability to translate imagination into reliable code.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="text-center mb-16">
<p class="mt-6 max-w-2xl mx-auto">
<br>
<span class="text-neutral-400">For inquiries, you can reach us at: </span>
<a href="mailto:leo.liang.chen@outlook.com" class="accent-green font-semibold hover:underline">leo.liang.chen@outlook.com</a>
</p>
</div>
</div>
</section>
</main>
<footer class="border-t border-[#27272A] mt-24 md:mt-32">
<div class="container mx-auto px-6 py-8 text-center text-neutral-500 text-sm">
<p>© 2025 Starsfield AI. All Rights Reserved.</p>
<p class="mt-2">The World's First Agent Data & Evaluation Infrastructure</p>
</div>
</footer>
</body>
</html>