| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width,initial-scale=1"> |
| <meta name="description" content="Explore Super Intelligence, AGI, ASI, reasoning, agents, world models and advanced AI systems."> |
| <title>Super Intelligence Explorer</title> |
| <style> |
| :root{--bg:#07111f;--p:#0d1a30;--l:#29425f;--t:#f4f8ff;--m:#9eb3c8;--a:#54dcff;--b:#a58aff} |
| *{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#0c2a43 0,transparent 30%),var(--bg);color:var(--t);font:15px/1.5 system-ui,sans-serif}.w{max-width:1120px;margin:auto;padding:0 22px}.hero{text-align:center;padding:60px 0 28px}.hero small{color:var(--a);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(42px,8vw,74px);line-height:1;margin:16px 0 12px;letter-spacing:-.055em}.grad{background:linear-gradient(90deg,var(--a),#e0eaff,var(--b));background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{max-width:780px;margin:auto;color:var(--m);font-size:18px}.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0}.tabs button{border:1px solid var(--l);background:#0a1930;color:#cbd9e8;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer}.tabs button.on{border-color:var(--a);color:white}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;padding-bottom:48px}.panel{border:1px solid var(--l);border-radius:18px;background:linear-gradient(145deg,#10213c,#09172b);padding:18px}.ey{color:var(--a);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}h2{font-size:25px;margin:3px 0 6px}.desc{color:var(--m);font-size:13px}.flow{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:16px 0;padding:15px;border:1px solid #203955;border-radius:14px;background:#07152a}.node{border:1px solid #36597c;border-radius:9px;padding:8px 10px;background:#102642;font-size:11px;font-weight:800}.arrow{color:var(--a);font-weight:900}.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{border:1px solid #274662;border-radius:11px;background:#0a1a31;padding:10px}.card b{display:block;font-size:12px}.card span{color:var(--m);font-size:10px}.metric{margin:12px 0}.mt{display:flex;justify-content:space-between;font-size:11px;font-weight:800}.bar{height:7px;background:#172943;border-radius:99px;overflow:hidden;margin-top:5px}.fill{height:100%;background:linear-gradient(90deg,var(--a),var(--b))}.note{border-top:1px solid var(--l);margin-top:15px;padding-top:12px;color:var(--m);font-size:11px}footer{border-top:1px solid var(--l);padding:28px 0 42px;color:var(--m);font-size:13px}footer strong{color:var(--t)}@media(max-width:850px){.grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}} |
| </style> |
| </head> |
| <body> |
| <header class="hero"><div class="w"><small>Frontier AI · AGI · ASI</small><h1>Super Intelligence <span class="grad">Explorer</span></h1><p>Explore the technologies, capabilities and system layers that may shape the path from today's AI toward AGI and Super Intelligence.</p></div></header> |
| <main class="w"> |
| <div class="tabs" id="tabs"></div> |
| <div class="grid"> |
| <section class="panel"><div class="ey">Capability layer</div><h2 id="name"></h2><div class="desc" id="desc"></div><div class="flow" id="flow"></div><div class="cards" id="cards"></div></section> |
| <aside class="panel"><div class="ey">Maturity profile</div><h2 style="font-size:21px">How established is it?</h2><div class="desc">Simplified educational profile, not a forecast.</div><div id="metrics"></div><div class="note">Super Intelligence and ASI remain future-facing concepts. Current systems should be evaluated by measurable capability rather than labels alone.</div></aside> |
| </div></main> |
| <footer><div class="w"><strong>Super Intelligence Explorer</strong> — independent Hugging Face Space.<br>Collaboration: <strong>agenten@magenta.de</strong></div></footer> |
| <script> |
| const L={ |
| frontier:{n:"Frontier AI",d:"Today's most capable general-purpose AI systems and the infrastructure around them.",f:["Foundation Models","Post-Training","Reasoning","Tools","Evaluation"],c:[["Foundation Models","Broad pretrained models."],["Post-Training","Shapes behavior and specialization."],["Inference","Serving, routing and test-time compute."],["Evaluation","Measures capability and limits."]],m:{Available:95,Research:85,Generalization:62,Autonomy:50}}, |
| reasoning:{n:"Reasoning",d:"Multi-step problem solving, verification and adaptive compute.",f:["Problem","Reason","Search","Verify","Answer"],c:[["Test-Time Compute","More inference effort for hard tasks."],["Verification","Check outputs independently."],["Search","Explore alternative paths."],["Self-Correction","Detect and repair errors."]],m:{Available:88,Research:94,Generalization:68,Autonomy:45}}, |
| agents:{n:"Agents",d:"Systems that maintain state, use tools and act across multiple steps.",f:["Goal","Plan","Tool Use","Observe","Replan","Complete"],c:[["Tool Use","APIs, browsers, code and external systems."],["Memory","Persistent state across tasks."],["Orchestration","Coordinates models and tools."],["Long-Horizon Tasks","Many sequential actions."]],m:{Available:78,Research:95,Generalization:64,Autonomy:72}}, |
| world:{n:"World Models",d:"Predictive representations of environments for planning, simulation and action.",f:["Observe","Represent","Predict","Plan","Act"],c:[["Prediction","Estimate future states."],["Simulation","Explore possible actions."],["Spatial Intelligence","Represent geometry and environments."],["Physical AI","Connect representations to action."]],m:{Available:58,Research:96,Generalization:66,Autonomy:67}}, |
| agi:{n:"AGI",d:"The hypothetical transition to broadly general machine intelligence.",f:["Broad Learning","Transfer","Reasoning","Adaptation","General Capability"],c:[["Generalization","Transfer beyond narrow tasks."],["Adaptation","Handle unfamiliar problems."],["Cross-Domain Ability","Operate across many domains."],["Reliability","Maintain capability over long tasks."]],m:{Available:25,Research:95,Generalization:88,Autonomy:80}}, |
| asi:{n:"Super Intelligence / ASI",d:"The hypothetical stage where machine intelligence broadly exceeds human cognitive capability.",f:["AGI?","Broad Superhuman Capability","Verification","Control","Super Intelligence?"],c:[["Superhuman Capability","Broad performance beyond humans."],["Scientific Discovery","Advanced novel problem solving."],["Control","Permissions, constraints and intervention."],["Alignment","Consistency with intended goals."]],m:{Available:5,Research:72,Generalization:100,Autonomy:100}} |
| }; |
| const tabs=document.getElementById("tabs"); |
| Object.entries(L).forEach(([k,v])=>{const b=document.createElement("button");b.textContent=v.n;b.dataset.k=k;b.onclick=()=>show(k);tabs.appendChild(b)}); |
| function show(k){const x=L[k];document.querySelectorAll(".tabs button").forEach(b=>b.classList.toggle("on",b.dataset.k===k));name.textContent=x.n;desc.textContent=x.d;flow.innerHTML=x.f.map((v,i)=>`<span class="node">${v}</span>${i<x.f.length-1?'<span class="arrow">→</span>':''}`).join("");cards.innerHTML=x.c.map(v=>`<div class="card"><b>${v[0]}</b><span>${v[1]}</span></div>`).join("");metrics.innerHTML=Object.entries(x.m).map(v=>`<div class="metric"><div class="mt"><span>${v[0]}</span><span>${v[1]}</span></div><div class="bar"><div class="fill" style="width:${v[1]}%"></div></div></div>`).join("")}show("frontier"); |
| </script> |
| </body></html> |
