GitHub.com
tcp/80
Open service 2606:50c0:8000::153:80 ยท www.addorimprove.com
2026-02-07 00:57
HTTP/1.1 200 OK
Connection: close
Content-Length: 8187
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 07 Jan 2026 21:49:40 GMT
Access-Control-Allow-Origin: *
ETag: "695ed4f4-1ffb"
expires: Sat, 07 Feb 2026 01:07:25 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: C53A:16386C:221C5E:22A6A1:69868DF5
Accept-Ranges: bytes
Date: Sat, 07 Feb 2026 00:57:25 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-rtm-ehrd2290051-RTM
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1770425845.222564,VS0,VE109
Vary: Accept-Encoding
X-Fastly-Request-ID: ae6f8c2e9e5cc1e6fbef96adad82e36bfebad24a
Page title: addorimprove | deterministic vibe coding
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>addorimprove | deterministic vibe coding</title>
<script type="text/javascript">
(function (c, l, a, r, i, t, y) {
c[a] =
c[a] ||
function () {
(c[a].q = c[a].q || []).push(arguments);
};
t = l.createElement(r);
t.async = 1;
t.src = "https://www.clarity.ms/tag/" + i;
y = l.getElementsByTagName(r)[0];
y.parentNode.insertBefore(t, y);
})(window, document, "clarity", "script", "uxx5009eaz");
</script>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap"
rel="stylesheet"
/>
<style>
:root {
--bg: #050505;
--surface: #0a0a0a;
--border: #222;
--text: #e5e5e5;
--text-dim: #888;
--accent: #fff;
--mono: "JetBrains Mono", monospace;
--sans: "Inter", sans-serif;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html,
body {
overflow-x: hidden;
}
body {
background-color: var(--bg);
color: var(--text);
font-family: var(--sans);
line-height: 1.5;
padding: 4rem 2rem;
max-width: 1200px;
margin: 0 auto;
}
header {
margin-bottom: 6rem;
border-bottom: 1px solid var(--border);
padding-bottom: 2rem;
}
.brand {
font-family: var(--mono);
font-size: 0.85rem;
color: var(--text-dim);
margin-bottom: 1.5rem;
letter-spacing: -0.02em;
}
h1 {
font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 600;
letter-spacing: -0.04em;
line-height: 1.1;
max-width: 800px;
}
.highlight {
color: var(--text-dim);
}
:root {
--carousel-row: 1.2em;
}
.carousel {
display: inline-block;
height: var(--carousel-row);
overflow: hidden;
vertical-align: bottom;
line-height: var(--carousel-row);
}
.inner-carousel {
display: block;
animation: slide 10s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}
.inner-carousel span {
height: var(--carousel-row);
line-height: var(--carousel-row);
display: block;
white-space: nowrap;
}
@keyframes slide {
0%,
15% {
transform: translateY(0);
}
20%,
35% {
transform: translateY(calc(-1 * var(--carousel-row)));
}
40%,
55% {
transform: translateY(calc(-2 * var(--carousel-row)));
}
60%,
75% {
transform: translateY(calc(-3 * var(--carousel-row)));
}
80%,
95% {
transform: translateY(calc(-4 * var(--carousel-row)));
}
100% {
transform: translateY(calc(-5 * var(--carousel-row)));
}
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 4rem 2rem;
}
section {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
h2 {
font-family: var(--mono);
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--text-dim);
border-bottom: 1px solid var(--border);
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
.item {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.item-header {
font-weight: 500;
font-size: 1.1rem;
color: var(--accent);
display: flex;
align-items: baseline;
gap: 0.5rem;
}
.item-desc {
color: var(--text-dim);
font-size: 0.95rem;
line-heigh