Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Awesome AI4AI — 223 papers on whether AI can improve AI</title> | |
| <style> | |
| :root { | |
| --bg: #070810; --panel: #11131f; --line: rgba(255,255,255,.11); | |
| --text: #f6f5fb; --muted: #a0a0b4; --blue: #67d4ff; --lime: #b9f56d; --violet: #9b7cff; | |
| } | |
| * { box-sizing: border-box; } | |
| body { | |
| margin: 0; padding: 28px 20px 60px; color: var(--text); | |
| background: radial-gradient(circle at 50% -10%, rgba(103,212,255,.07), transparent 32rem), var(--bg); | |
| font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; | |
| } | |
| .wrap { max-width: 1180px; margin: 0 auto; } | |
| h1 { margin: 0 0 6px; font-size: clamp(1.6rem, 4vw, 2.5rem); letter-spacing: -.03em; } | |
| h1 span { | |
| color: transparent; background: linear-gradient(110deg, var(--violet), var(--blue) 60%, var(--lime)); | |
| -webkit-background-clip: text; background-clip: text; | |
| } | |
| .sub { margin: 0 0 14px; color: var(--muted); } | |
| .links { margin-bottom: 22px; display: flex; flex-wrap: wrap; gap: 16px; font-size: 13.5px; } | |
| .links a { color: var(--blue); text-decoration: none; border-bottom: 1px solid rgba(103,212,255,.3); } | |
| .links a:hover { color: #fff; border-color: #fff; } | |
| .cn { margin: -8px 0 22px; color: var(--muted); font-size: 12.5px; } | |
| .cn a { color: var(--lime); text-decoration: none; border-bottom: 1px solid rgba(185,245,109,.3); } | |
| .cn a:hover { color: #fff; border-color: #fff; } | |
| .controls { | |
| display: grid; grid-template-columns: 2fr 1fr auto auto; gap: 12px; align-items: center; | |
| padding: 16px; margin-bottom: 8px; border: 1px solid var(--line); border-radius: 12px; | |
| background: rgba(255,255,255,.03); | |
| } | |
| input[type=text], select { | |
| width: 100%; padding: 9px 11px; color: var(--text); background: var(--panel); | |
| border: 1px solid var(--line); border-radius: 8px; font-size: 14px; | |
| } | |
| input[type=text]:focus, select:focus { outline: none; border-color: var(--blue); } | |
| label.chk { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 13.5px; white-space: nowrap; } | |
| .count { margin: 14px 2px; color: var(--muted); font-size: 13px; } | |
| table { width: 100%; border-collapse: collapse; font-size: 13.5px; } | |
| th, td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; } | |
| th { position: sticky; top: 0; color: var(--muted); background: #0b0c16; font-size: 11.5px; | |
| letter-spacing: .09em; text-transform: uppercase; cursor: pointer; user-select: none; } | |
| th:hover { color: #fff; } | |
| tbody tr:hover { background: rgba(255,255,255,.035); } | |
| td a { color: var(--blue); text-decoration: none; } | |
| td a:hover { text-decoration: underline; } | |
| .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; } | |
| .tag { display: inline-block; padding: 2px 7px; margin-right: 4px; border-radius: 5px; | |
| font-size: 11px; white-space: nowrap; } | |
| .t-benchmarks { color: #8fe3ff; background: rgba(103,212,255,.13); } | |
| .t-harness-design { color: #c6b4ff; background: rgba(155,124,255,.14); } | |
| .t-model-design { color: #ffc79a; background: rgba(255,156,90,.14); } | |
| @media (max-width: 820px) { | |
| .controls { grid-template-columns: 1fr; } | |
| .hide-sm { display: none; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="wrap"> | |
| <h1>Awesome <span>AI4AI</span></h1> | |
| <p class="sub">223 papers on whether AI can reliably improve AI — the catalog behind the survey.</p> | |
| <!-- The Hub embeds this page in a sandboxed iframe without | |
| allow-top-navigation, so every outbound link needs target="_blank" | |
| or the browser refuses the navigation. --> | |
| <div class="links"> | |
| <a href="https://www.preprints.org/manuscript/202608.2108/v1" target="_blank" rel="noopener">📄 Paper</a> | |
| <a href="https://doi.org/10.5281/zenodo.22198847" target="_blank" rel="noopener">🔗 DOI</a> | |
| <a href="https://raw.githubusercontent.com/KaiWU5/Awesome-AI4AI/main/assets/AI4AI-Survey.pdf" target="_blank" rel="noopener">📥 PDF</a> | |
| <a href="https://kaiwu5.github.io/Awesome-AI4AI/" target="_blank" rel="noopener">🌐 Project site</a> | |
| <a href="https://github.com/KaiWU5/Awesome-AI4AI" target="_blank" rel="noopener">⭐ Repo</a> | |
| <a href="https://huggingface.co/datasets/KaiWu123/awesome-ai4ai" target="_blank" rel="noopener">📊 Dataset</a> | |
| </div> | |
| <p class="cn">🇨🇳 From mainland China, huggingface.co may be unreachable — use the | |
| <a href="https://hf-mirror.com/datasets/KaiWu123/awesome-ai4ai" target="_blank" rel="noopener">hf-mirror dataset</a>, | |
| or the <a href="https://github.com/KaiWU5/Awesome-AI4AI" target="_blank" rel="noopener">GitHub repo</a> | |
| (both reachable). This page itself works either way.</p> | |
| <div class="controls"> | |
| <input type="text" id="q" placeholder="Search titles…" autocomplete="off"> | |
| <select id="col"> | |
| <option value="all">All collections</option> | |
| <option value="benchmarks">Benchmarks</option> | |
| <option value="harness-design">Harness design</option> | |
| <option value="model-design">Model design</option> | |
| </select> | |
| <label class="chk"><input type="checkbox" id="code"> Has code</label> | |
| <label class="chk"><input type="checkbox" id="arxiv"> Has arXiv</label> | |
| </div> | |
| <div class="count" id="count">Loading…</div> | |
| <table> | |
| <thead><tr> | |
| <th data-k="title">Title</th> | |
| <th data-k="venue" class="hide-sm">Venue</th> | |
| <th data-k="date">Date</th> | |
| <th data-k="citations" class="num">Cites</th> | |
| <th data-k="github_stars" class="num hide-sm">Stars</th> | |
| <th data-k="collections" class="hide-sm">Collection</th> | |
| <th>Code</th> | |
| </tr></thead> | |
| <tbody id="rows"></tbody> | |
| </table> | |
| </div> | |
| <script> | |
| let DATA = [], sortKey = "citations", sortDir = -1; | |
| fetch("papers.jsonl") | |
| .then(r => r.text()) | |
| .then(t => { | |
| DATA = t.trim().split("\n").filter(Boolean).map(JSON.parse); | |
| render(); | |
| }) | |
| .catch(e => { document.getElementById("count").textContent = "Failed to load data: " + e; }); | |
| const esc = s => String(s ?? "").replace(/[&<>"]/g, c => ( | |
| { "&": "&", "<": "<", ">": ">", '"': """ }[c])); | |
| function current() { | |
| const q = document.getElementById("q").value.trim().toLowerCase(); | |
| const col = document.getElementById("col").value; | |
| const code = document.getElementById("code").checked; | |
| const arx = document.getElementById("arxiv").checked; | |
| let d = DATA.filter(r => (r.collections || []).length); | |
| if (q) d = d.filter(r => (r.title || "").toLowerCase().includes(q)); | |
| if (col !== "all") d = d.filter(r => (r.collections || []).includes(col)); | |
| if (code) d = d.filter(r => r.code); | |
| if (arx) d = d.filter(r => r.arxiv_id); | |
| return d.sort((a, b) => { | |
| let x = a[sortKey], y = b[sortKey]; | |
| if (Array.isArray(x)) { x = x.join(); y = (y || []).join(); } | |
| if (typeof x === "number") return (x - y) * sortDir; | |
| return String(x ?? "").localeCompare(String(y ?? "")) * sortDir; | |
| }); | |
| } | |
| function render() { | |
| const d = current(); | |
| document.getElementById("count").textContent = | |
| d.length + " paper" + (d.length === 1 ? "" : "s"); | |
| document.getElementById("rows").innerHTML = d.map(r => ` | |
| <tr> | |
| <td><a href="${esc(r.url || (r.arxiv_id ? "https://arxiv.org/abs/" + r.arxiv_id : "#"))}" | |
| target="_blank" rel="noopener">${esc(r.title)}</a></td> | |
| <td class="hide-sm">${esc(r.venue)}</td> | |
| <td>${esc(r.date)}</td> | |
| <td class="num">${r.citations || 0}</td> | |
| <td class="num hide-sm">${r.github_stars || 0}</td> | |
| <td class="hide-sm">${(r.collections || []).map(c => | |
| `<span class="tag t-${esc(c)}">${esc(c)}</span>`).join("")}</td> | |
| <td>${r.code ? `<a href="${esc(r.code)}" target="_blank" rel="noopener">code</a>` : ""}</td> | |
| </tr>`).join(""); | |
| } | |
| ["q", "col", "code", "arxiv"].forEach(id => | |
| document.getElementById(id).addEventListener("input", render)); | |
| document.querySelectorAll("th[data-k]").forEach(th => | |
| th.addEventListener("click", () => { | |
| const k = th.dataset.k; | |
| sortDir = sortKey === k ? -sortDir : (["citations", "github_stars"].includes(k) ? -1 : 1); | |
| sortKey = k; | |
| render(); | |
| })); | |
| </script> | |
| </body> | |
| </html> | |