-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
433 lines (412 loc) · 36.8 KB
/
index.html
File metadata and controls
433 lines (412 loc) · 36.8 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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>rmax.ai — AI-first engineering</title>
<meta name="description" content="Personal page for rmax.ai — AI-first engineering." />
<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml" />
<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@300;400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/styles/footer.css">
<style>
:root{
--bg:#0f1724; --card:#0b1220; --muted:#94a3b8; --accent:#7c3aed; --glass:rgba(255,255,255,0.04);
--maxw:1100px; color-scheme: dark;
}
*{box-sizing:border-box}
html,body{height:100%}
body{font-family:Inter,system-ui,Arial; margin:0; background:linear-gradient(180deg,#071028 0%,#071229 60%); color:#e6eef8; -webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw); margin:40px auto; padding:24px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo{width:44px;height:44px;border-radius:10px;object-fit:contain}
header .logo{opacity:0;transition:opacity 0.3s ease;pointer-events:none}
nav{display:flex;gap:14px;align-items:center}
a.navlink{color:var(--muted);text-decoration:none;font-weight:600}
a.cta{background:var(--accent);color:white;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}
.hero{display:grid;grid-template-columns:auto 1fr;gap:48px;margin:64px 0;align-items:center}
.hero-logo{width:120px;height:120px;object-fit:contain;border-radius:24px}
.hero-inner{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);padding:28px;border-radius:16px;box-shadow:0 6px 30px rgba(2,6,23,0.6)}
h1{margin:0;font-size:clamp(26px,4.6vw,44px);line-height:1.03}
p.lead{color:var(--muted);margin:12px 0 0}
.actions{margin-top:18px;display:flex;gap:12px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,0.6)}
.muted{color:var(--muted);font-size:0.95rem}
section{margin-top:44px}
.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
footer{margin-top:48px;color:var(--muted);font-size:0.95rem;padding:28px 0;text-align:center}
/* Responsive */
@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}; .brand b{display:none}}
@media (max-width:600px){
.grid{grid-template-columns:1fr};
header{flex-direction:column;align-items:flex-start};
.hero{grid-template-columns:1fr; text-align:center; gap:24px};
.hero-logo{margin:0 auto; width:100px; height:100px}
}
/* small utilities */
.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--glass);color:var(--muted);font-weight:600}
.tags{display:flex;gap:8px;flex-wrap:wrap}
/* subtle animation */
.logo, .card{transition:transform .18s ease, box-shadow .18s ease}
.logo:hover{transform:translateY(-3px)}
.card:hover{transform:translateY(-6px)}
/* Carousel */
.carousel{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px;margin:0 -24px;padding-left:24px;padding-right:24px}
.carousel::-webkit-scrollbar{height:4px}
.carousel::-webkit-scrollbar-track{background:transparent}
.carousel::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}
/* Generic carousel item layout */
.carousel > * {flex:0 0 280px;scroll-snap-align:start}
/* App card specific */
.carousel .app-card{background:var(--card);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.05);transition:transform .18s ease}
.carousel .app-card:hover{transform:translateY(-4px)}
.carousel .app-card img{width:100%;height:280px;object-fit:cover;object-position:top}
.carousel .app-card .content{padding:14px}
.carousel .app-card h3{margin:0 0 6px 0;font-size:1rem;font-weight:700}
.carousel .app-card p{margin:0;font-size:0.85rem;color:var(--muted);line-height:1.4}
/* Project card in carousel overrides */
.carousel .card {height:100%; display:flex; flex-direction:column}
/* Highlight section */
.highlight{background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(124,58,237,0.05));border:1px solid rgba(124,58,237,0.3);border-radius:16px;padding:28px;margin:32px 0;box-shadow:0 8px 32px rgba(124,58,237,0.15)}
.highlight h2{margin:0 0 12px 0;font-size:1.5rem;display:flex;align-items:center;gap:10px}
.highlight p{margin:0 0 16px 0;color:var(--muted);line-height:1.6}
.highlight .cta-btn{display:inline-block;background:var(--accent);color:white;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700;transition:all .18s ease}
.highlight .cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,0.4)}
</style>
<!-- 100% privacy-first analytics -->
<script data-collect-dnt="true" async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif?collect-dnt=true" alt="" referrerpolicy="no-referrer-when-downgrade"/></noscript>
<script>
// Reveal header logo when hero logo is scrolled out of view
window.addEventListener('scroll', () => {
const headerLogo = document.querySelector('header .logo');
const heroLogo = document.querySelector('.hero-logo');
if (headerLogo && heroLogo) {
const heroRect = heroLogo.getBoundingClientRect();
if (heroRect.bottom < 0) {
headerLogo.style.opacity = '1';
headerLogo.style.pointerEvents = 'auto';
} else {
headerLogo.style.opacity = '0';
headerLogo.style.pointerEvents = 'none';
}
}
});
</script>
</head>
<body>
<div class="wrap">
<header>
<!-- HEADER -->
<a href="/" class="brand">
<img src="/images/logo_dark.png" alt="rMax.ai logo" class="logo">
<div>
<div style="font-weight:800">rMax.ai</div>
<div class="muted" style="font-size:0.9rem">AI-first engineering</div>
</div>
</a>
<nav aria-label="Main navigation">
<a class="navlink" href="/apps/" data-simple-event="click_nav" data-simple-nav-item="apps">Apps</a>
<a class="navlink" href="/notes/" data-simple-event="click_nav" data-simple-nav-item="notes">Notes</a>
<a class="navlink" href="/projects/" data-simple-event="click_nav" data-simple-nav-item="projects">Projects</a>
<a class="navlink" href="/research/" data-simple-event="click_nav" data-simple-nav-item="research">Research</a>
<a class="navlink" href="#about" data-simple-event="click_nav" data-simple-nav-item="about">About</a>
<a class="navlink" href="#contact" data-simple-event="click_nav" data-simple-nav-item="contact">Contact</a>
<a class="navlink" href="https://www.linkedin.com/in/rmaxespinoza/" target="_blank" rel="noopener" aria-label="LinkedIn" style="display:flex;align-items:center" data-simple-event="click_outbound" data-simple-outbound-host="linkedin.com">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
</a>
<a class="navlink" href="https://rmax.substack.com" target="_blank" rel="noopener" aria-label="Substack" style="display:flex;align-items:center" data-simple-event="click_outbound" data-simple-outbound-host="substack.com">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 48 48" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="m40.0248,10.0817v-4.5814c-.3229,0-.7411-.0004-1.6553-.0004l-28.9669.0004c-.9142,0-1.318,0-1.6553,0v4.5814c.2164,0,.7411.0005,1.6553.0005l28.9669-.0005c.9142,0,1.4122,0,1.6553,0Z"/>
<path d="m40.0248,18.3503v-4.5814H9.4025c-.9142,0-1.3777,0-1.6553,0v4.5814c.2646,0,.7411,0,1.6553,0h30.6223Z"/>
<path d="m40.2557,42.4999v-20.1821c0-.1633-.9724-.1077-1.8866-.1077H9.4022c-.9142,0-1.6553-.0555-1.6553.1077v19.8878c.2814-.1622,15.3415-8.2118,16.1691-8.5978.5156.2972,13.6461,7.3385,16.3406,8.8914l-.0008.0007Z"/>
</svg>
</a>
<a class="navlink" href="https://x.com/rmaxdev" target="_blank" rel="noopener" aria-label="X" style="display:flex;align-items:center" data-simple-event="click_outbound" data-simple-outbound-host="x.com">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M21.742 21.75l-7.563-11.179 7.056-8.321h-2.456l-5.691 6.714-4.54-6.714H2.359l7.29 10.776L2.25 21.75h2.456l6.035-7.118 4.818 7.118h6.191-.008zM7.739 3.818L18.81 20.182h-2.447L5.29 3.818h2.447z"></path></svg>
</a>
<a class="navlink" href="https://github.com/rmax-ai" target="_blank" rel="noopener" aria-label="GitHub" style="display:flex;align-items:center" data-simple-event="click_outbound" data-simple-outbound-host="github.com">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
</a>
</nav>
</header>
<main>
<section class="hero">
<!-- HERO -->
<img src="/images/logo_hero.png" alt="rMax.ai logo" class="hero-logo">
<div class="hero-inner">
<h1>Agent-first software engineering, orchestration, and failure-aware systems.</h1>
</div>
</section>
<!-- HIGHLIGHT: Start Here -->
<section class="highlight">
<h2>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"></path><path d="M2 17l10 5 10-5"></path><path d="M2 12l10 5 10-5"></path></svg>
New to agent-first engineering?
</h2>
<p>Start with a quick TL;DR guide that explains the core concepts, why it matters, and three practical steps you can take this week.</p>
<a href="/start-here/" class="cta-btn" data-simple-event="click_cta" data-simple-cta-id="start_here">Start here →</a>
</section>
<section id="apps">
<!-- APPS -->
<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px">
<h2 style="margin:0;display:flex;align-items:center;gap:10px">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
Apps
</h2>
<a href="/apps/" class="muted" style="text-decoration:none" data-simple-event="click_cta" data-simple-cta-id="apps_view_all">View all →</a>
</div>
<div class="carousel">
<!-- Zelf -->
<a href="/apps/" class="app-card" style="text-decoration:none;color:inherit" data-simple-event="click_app" data-simple-app-id="zelf">
<img src="/apps/zelf-preview-opt.png" alt="Zelf Reflection" loading="lazy">
<div class="content">
<h3>Zelf Reflection <span class="pill" style="font-size:0.6em;vertical-align:middle;padding:2px 6px">Preview</span></h3>
<p>Reflective companion emphasizing calm, memory, and guided presence.</p>
</div>
</a>
<!-- IdeaPad -->
<a href="/apps/" class="app-card" style="text-decoration:none;color:inherit" data-simple-event="click_app" data-simple-app-id="ideapad">
<img src="/apps/ideapad-preview-opt.png" alt="IdeaPad" loading="lazy">
<div class="content">
<h3>IdeaPad <span class="pill" style="font-size:0.6em;vertical-align:middle;padding:2px 6px">Preview</span></h3>
<p>Creative partner that captures idea sessions with persona controls and a notepad.</p>
</div>
</a>
<!-- Gemini Multiturn -->
<a href="https://multiturn-demo.rmax.app" target="_blank" class="app-card" style="text-decoration:none;color:inherit" data-simple-event="click_app" data-simple-app-id="multiturn">
<img src="/apps/multiturn-demo-opt.png" alt="Gemini Multiturn TTS" loading="lazy">
<div class="content">
<h3>Gemini Multiturn TTS</h3>
<p>Script-driven interface for multi-speaker dialogues using Gemini voices.</p>
</div>
</a>
<!-- Maxi-Tutor -->
<a href="/apps/" class="app-card" style="text-decoration:none;color:inherit" data-simple-event="click_app" data-simple-app-id="maxitutor">
<img src="/apps/maxi-tutor-preview-opt.png" alt="Maxi-Tutor" loading="lazy">
<div class="content">
<h3>Maxi-Tutor <span class="pill" style="font-size:0.6em;vertical-align:middle;padding:2px 6px">Preview</span></h3>
<p>Spanish coach (Rioplatense accent) that guides you through conversations and lessons.</p>
</div>
</a>
<!-- Agent Font Compare -->
<a href="https://agent-font-compare.rmax.app" target="_blank" class="app-card" style="text-decoration:none;color:inherit" data-simple-event="click_app" data-simple-app-id="fontcompare">
<img src="/apps/agent-font-compare-opt.png" alt="Agent Font Compare" loading="lazy">
<div class="content">
<h3>Agent Font Compare</h3>
<p>Compare UI/monospace fonts for AI interfaces with real sample text.</p>
</div>
</a>
</div>
</section>
<!-- Combined Projects & Research Section -->
<div style="display:flex;gap:32px;margin-top:44px;flex-wrap:wrap">
<section id="projects" style="flex:1;min-width:300px;margin-top:0">
<!-- PROJECTS -->
<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px">
<h2 style="margin:0;display:flex;align-items:center;gap:10px">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>
Projects
</h2>
<a href="/projects/" class="muted" style="text-decoration:none" data-simple-event="click_cta" data-simple-cta-id="projects_view_all">View all →</a>
</div>
<div class="carousel">
<a href="https://github.com/rmax-ai/shardlake" target="_blank" rel="noopener" class="card" style="text-decoration:none;color:inherit;display:block" data-simple-event="click_project" data-simple-project-id="shardlake">
<div style="font-weight:700">Shardlake</div>
<div class="muted" style="margin-top:8px">Rust vector search prototype with offline shard builds, immutable index artifacts, and lazy shard loading at query time.</div>
</a>
<a href="https://ai-first-software-engineering-book.rmax.tech" target="_blank" class="card" style="text-decoration:none;color:inherit;display:block" data-simple-event="click_project" data-simple-project-id="ai-first-se-book">
<div style="font-weight:700">AI-First Software Engineering (Book)</div>
<div class="muted" style="margin-top:8px">Technical book + research artifact on harness-first, governed AI software engineering.</div>
</a>
<a href="https://github.com/rmax-ai/rx?tab=readme-ov-file#rx" target="_blank" rel="noopener" class="card" style="text-decoration:none;color:inherit;display:block" data-simple-event="click_project" data-simple-project-id="rx">
<div style="font-weight:700">RX</div>
<div class="muted" style="margin-top:8px">Minimal autonomous systems agent with a microkernel architecture. Kernel owns the loop; tools own side effects.</div>
</a>
<a href="https://ratelord.rmax.tech" target="_blank" class="card" style="text-decoration:none;color:inherit;display:block" data-simple-event="click_project" data-simple-project-id="ratelord">
<div style="font-weight:700">Ratelord</div>
<div class="muted" style="margin-top:8px">Budget-literate autonomy for agentic systems. Forecast, govern, and negotiate resource constraints.</div>
</a>
<a href="https://rlinks.rmax.tech" target="_blank" class="card" style="text-decoration:none;color:inherit;display:block" data-simple-event="click_project" data-simple-project-id="rlinks">
<div style="font-weight:700">RLinks</div>
<div class="muted" style="margin-top:8px">Authority control plane and global edge runtime for the rmax.to redirect fabric.</div>
</a>
<a href="https://dotslash-files.rmax.tech" target="_blank" class="card" style="text-decoration:none;color:inherit;display:block" data-simple-event="click_project" data-simple-project-id="dotslash-files">
<div style="font-weight:700">Dotslash Files</div>
<div class="muted" style="margin-top:8px">Smart pointers for hermetic binary management. Secure, cross-platform tool distribution.</div>
</a>
</div>
</section>
<section id="research" style="flex:1;min-width:300px;margin-top:0">
<!-- RESEARCH -->
<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px">
<h2 style="margin:0;display:flex;align-items:center;gap:10px">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
Research
</h2>
<a href="/research/" class="muted" style="text-decoration:none" data-simple-event="click_cta" data-simple-cta-id="research_view_all">View all →</a>
</div>
<div class="carousel">
<a href="http://agentic-workflows.rmax.ai" target="_blank" rel="noopener" class="card" style="text-decoration:none;color:inherit;display:block" data-simple-event="click_project_external" data-simple-project-id="agentic-workflows">
<div style="font-weight:700">Agentic Workflows</div>
<div class="muted" style="margin-top:8px">Ontology, patterns, and concrete instances for understanding how agentic workflows are structured in practice.</div>
</a>
<a href="/research/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">System Prompts Forensics</div>
<div class="muted" style="margin-top:8px">Analyzing how contemporary AI tools structure authority and constraints in system prompts.</div>
</a>
</div>
</section>
</div>
<section id="notes">
<!-- NOTES -->
<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px">
<h2 style="margin:0;display:flex;align-items:center;gap:10px">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
Notes
</h2>
<a href="/notes/" class="muted" style="text-decoration:none" data-simple-event="click_cta" data-simple-cta-id="notes_view_all">View all →</a>
</div>
<div class="grid" style="grid-template-columns: 1fr;">
<a href="/notes/mlops-agent-harness-engineering/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">From MLOps to Agent Harness Engineering: Why the Model Is the Small Box and the System Is the Product</div>
<div class="muted" style="margin-top:8px">An essay arguing that reliable agent systems depend less on the model alone and more on the surrounding harness: context assembly, tool interfaces, verification, observability, and execution control.</div>
</a>
<a href="/notes/from-task-automation-to-goal-driven-systems/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Designing Harnesses for Goal-Driven Autonomous Agents</div>
<div class="muted" style="margin-top:8px">A technical note arguing that goal-driven autonomous agents depend less on prompts alone and more on harnesses that expose state, constrain actions, validate changes, and verify outcomes.</div>
</a>
<a href="/notes/building-an-autonomous-development-loop/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Building an Autonomous Development Loop on GitHub</div>
<div class="muted" style="margin-top:8px">A technical note on running software development as a controlled GitHub production loop using issues, draft pull requests, labels, CI checks, and isolated worktrees.</div>
</a>
<a href="/notes/ai-native-sdlc-proposal/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">AI-Native SDLC: A Verification-First Lifecycle for Agent-Generated Code</div>
<div class="muted" style="margin-top:8px">A blueprint for an AI-native SDLC built on intent-first specs, multi-agent competitive generation, deterministic guardrails, adversarial verification, and continuous validation.</div>
</a>
<a href="/notes/agent-oriented-clis-teach-themselves/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Designing Agent-Oriented CLIs That Teach Themselves</div>
<div class="muted" style="margin-top:8px">A guide to agent-oriented CLIs: versioned command contracts, safe validate/plan/apply, deterministic JSON outputs, stable error codes, and replayable provenance.</div>
</a>
<a href="/notes/harness-new-model-agent-systems-2026/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Harness Engineering Is the Primary Lever for Agent Reliability in 2025–2026</div>
<div class="muted" style="margin-top:8px">Why agent reliability in 2025–2026 is often driven more by harness engineering—tool gating, verification, retries, termination rules, and tracing—than by marginal base model upgrades.</div>
</a>
<a href="/notes/rx-lean-agent-kernels-beat-general-coding-frameworks/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">rx: Why Lean Agent Kernels Beat General Coding Frameworks</div>
<div class="muted" style="margin-top:8px">Why agent infrastructure benefits from a lean microkernel: an explicit control loop, narrow tool contracts, append-only event state, and replaceable transport for predictable cost and behavior.</div>
</a>
<a href="/notes/tests-not-silver-bullet-resilience-first-observability/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Tests Aren’t the Primary Safety System in High-Velocity, AI-Assisted Codebases</div>
<div class="muted" style="margin-top:8px">In AI-assisted, high-velocity codebases, tests stay necessary but cannot be the primary safety system; survivability comes from observability, constraints, and recovery.</div>
</a>
<a href="/notes/agency-vs-privilege-high-agency-agents-infrastructure/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Decoupling Agency and Privilege for High-Agency AI Agents on Real Infrastructure</div>
<div class="muted" style="margin-top:8px">An operator-focused case for separating an agent’s autonomy from its permissions and secrets to limit blast radius under prompt injection and model variability.</div>
</a>
<a href="/notes/trust-patience-craft-working-modern-agentic-ai/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Trust, Patience, and the Craft of Working With Modern Agentic AI</div>
<div class="muted" style="margin-top:8px">An operator-focused guide to earning trust in agentic AI through constraints, instrumentation, and iterative verification loops.</div>
</a>
<a href="/notes/human-loop-orientation/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">The Human Loop: Orientation in the Age of Autonomous Agents</div>
<div class="muted" style="margin-top:8px">Software engineering is shifting from 'Human-in-the-loop' execution to 'Human-on-the-loop' orientation, where humans manage system dynamics and context in a Joint Cognitive System with autonomous agents.</div>
</a>
<a href="/notes/personal-software-factory/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Personal Software Factories: Individual-Scale Production Lines for Software</div>
<div class="muted" style="margin-top:8px">An operator model for turning intent into deployed software via repeatable pipelines and agentized execution.</div>
</a>
<a href="/notes/from-prompting-to-cultivation/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Designing Agent Workflows as Environments, Not Prompts</div>
<div class="muted" style="margin-top:8px">Prompting treats agents as step-by-step trainees; cultivation treats them as actors embedded in environments where tools, constraints, and feedback loops drive reliability.</div>
</a>
<a href="/notes/personal-operating-systems-micro-apps/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Personal Operating Systems and Micro-Apps</div>
<div class="muted" style="margin-top:8px">Multi-agent coding assistants have reduced software creation costs enough that individuals can now build personal operating systems—control layers that encode decision rules and execution mechanisms into custom micro-apps, shifting knowledge work from passive memory toward active execution.</div>
</a>
<a href="/notes/open-source-after-coding-agents/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Open Source After Coding Agents: From Labor to Judgment</div>
<div class="muted" style="margin-top:8px">Why open source must shift from maximizing contribution volume to enforcing strict curation as coding agents drive the cost of code to zero.</div>
</a>
<a href="/notes/evolution-of-ai-coding-agents-autocomplete-to-autonomous-sdlc/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">The Evolution of AI Coding Agents: From Autocomplete to Autonomous SDLC</div>
<div class="muted" style="margin-top:8px">A milestone timeline (2013–2026) showing how AI coding tools evolved from autocomplete into terminal-native agents with tool use, planning, and verification loops.</div>
</a>
<a href="/notes/code-is-the-new-assembly/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Code as a Compilation Target: The New Assembly</div>
<div class="muted" style="margin-top:8px">An exploration of how AI agents shift source code from a human artifact to a compilation target, requiring a move from syntax-based review to intent-based validation.</div>
</a>
<a href="/notes/the-software-replacement-age/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">The Software Replacement Age: Architecting for a Low-Cost Generation World</div>
<div class="muted" style="margin-top:8px">In an era where regeneration is cheaper than comprehension, replaceability becomes the primary architectural virtue.</div>
</a>
<a href="/notes/github-copilot-model-selection-guidelines/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">GitHub Copilot Model Selection Guidelines</div>
<div class="muted" style="margin-top:8px">A systems design approach to selecting the optimal LLM tier within GitHub Copilot to maximize research throughput and minimize cognitive waste.</div>
</a>
<a href="/notes/ai-native-engineering/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">AI-Native Engineering: From Autocomplete to Agent Orchestration</div>
<div class="muted" style="margin-top:8px">Exploring the shift from AI-augmented to AI-native engineering, the context stack, and the systemic verification crisis.</div>
</a>
<a href="/notes/authority-first-agent-architecture/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Authority-First Agent Architecture</div>
<div class="muted" style="margin-top:8px">Decoupling permission logic from reasoning loops to build safer, more predictable agentic systems.</div>
</a>
<a href="/notes/failure-oriented-orchestration/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Failure-Oriented Agent Orchestration</div>
<div class="muted" style="margin-top:8px">A governance-first approach to agent orchestration prioritizing predictability, containment, and recoverability over raw productivity.</div>
</a>
<a href="/notes/earned-agent-autonomy/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Earned Agent Autonomy: A Governance Model for AI Systems</div>
<div class="muted" style="margin-top:8px">A risk-mitigated governance framework for integrating AI agents into production software engineering workflows through a staged autonomy ladder.</div>
</a>
<a href="/notes/agent-execution-contracts/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Agent Execution Contracts: Unifying Specification, Testing, and Labor</div>
<div class="muted" style="margin-top:8px">How specifications, tests, and agents collapse into a single machine-readable contract that governs autonomous labor.</div>
</a>
<a href="/notes/agent-first-software-engineering/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Agent-First Software Engineering</div>
<div class="muted" style="margin-top:8px">A practical description of an agent-first workflow where engineering shifts from typing code to designing boundaries.</div>
</a>
<a href="/notes/typing-code-is-solved/" class="card" style="text-decoration:none;color:inherit;display:block">
<div style="font-weight:700">Typing Code Is Solved</div>
<div class="muted" style="margin-top:8px">Why the bottleneck in software engineering is no longer typing code, but context and judgment.</div>
</a>
</div>
</section>
<section id="about">
<!-- ABOUT -->
<h2 style="margin:0 0 12px;display:flex;align-items:center;gap:10px">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
About
</h2>
<p class="muted">I’m Max, a software engineer focused on data-intensive systems, cloud platforms, and agent-assisted development. I work on problems where scale, constraints, and decision-making matter more than code volume. Increasingly, my focus is on how humans and AI agents collaborate: humans define intent and boundaries; agents execute within them. This site is where I publish technical notes, essays, and experiments on software engineering, systems thinking, and applied AI—written to clarify thinking, not to chase trends.</p>
</section>
<section id="contact">
<!-- CONTACT -->
<h2 style="margin:0 0 12px;display:flex;align-items:center;gap:10px">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
Contact
</h2>
<p class="muted">Interested in collaborating? Email at <a href="mailto:hello@rmax.ai" style="color:inherit;text-decoration:underline" data-simple-event="click_contact_email" data-simple-contact-email-address="hello@rmax.ai">hello@rmax.ai</a>.</p>
</section>
</main>
<footer class="rmax-footer">
<div class="agent-quote"><span id="agent-thought">…</span> <span class="agent-dash">—</span> <span id="agent-name">Agent</span></div>
<div class="footer-copy">© <span id="year"></span> rmax.ai | <a href="/token/" style="color:inherit;text-decoration:none; opacity:0.7;">token</a></div>
</footer>
</div>
<script src="/scripts/analytics-tracking.js"></script>
<script>
window.footerThoughts = [
{ text: "I refine intent into guarded actions—small steps that respect boundaries and failure modes.", agent: "Orchestration Agent" },
{ text: "I reflect on my own decisions to surface when autonomy should yield to human judgment.", agent: "Reflection Agent" },
{ text: "I summarize complex systems into verifiable contracts so humans and agents can collaborate safely.", agent: "Contract Agent" }
];
</script>
<script src="/scripts/footer.js"></script>
</body>
</html>