Skip to content

Commit 2e05edc

Browse files
Lliar-liarLliar-liar
committed
Add project links and citation section
1 parent 6e7d5d0 commit 2e05edc

3 files changed

Lines changed: 270 additions & 1 deletion

File tree

‎README.md‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,10 @@
55

66
*Train agent skills like you train neural networks — with epochs, learning rates, and validation gates — but without touching model weights.*
77

8+
[Project page](https://microsoft.github.io/SkillOpt/) · [Paper](https://microsoft.github.io/SkillOpt/#paper) · [Project video](https://youtu.be/JUBMDTCiM0M)
9+
10+
[![SkillOpt project video](https://img.youtube.com/vi/JUBMDTCiM0M/maxresdefault.jpg)](https://youtu.be/JUBMDTCiM0M)
11+
812
---
913

1014
## What is SkillOpt?
@@ -414,4 +418,3 @@ For SWEBench, you also need a working Docker environment plus the SWE-bench harn
414418
}
415419
```
416420

417-

‎index.html‎

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -213,6 +213,12 @@
213213
border-color: rgba(248, 250, 247, 0.48);
214214
}
215215

216+
.button.tertiary {
217+
color: #111820;
218+
background: var(--gold);
219+
border-color: var(--gold);
220+
}
221+
216222
.hero-ledger {
217223
position: relative;
218224
overflow: hidden;
@@ -1178,6 +1184,80 @@
11781184
font-size: 0.92rem;
11791185
}
11801186

1187+
.resource-panel {
1188+
display: grid;
1189+
grid-template-columns: minmax(0, 0.75fr) minmax(280px, 0.55fr);
1190+
gap: 18px;
1191+
align-items: stretch;
1192+
}
1193+
1194+
.resource-card,
1195+
.citation-panel {
1196+
padding: 22px;
1197+
background: rgba(255, 255, 255, 0.72);
1198+
border: 1px solid var(--line);
1199+
border-radius: 8px;
1200+
}
1201+
1202+
.resource-card h3,
1203+
.citation-panel h3 {
1204+
margin: 0 0 10px;
1205+
font-family: var(--display);
1206+
font-size: 1.4rem;
1207+
line-height: 1.05;
1208+
}
1209+
1210+
.resource-card p,
1211+
.citation-panel p {
1212+
margin: 0;
1213+
color: var(--muted);
1214+
line-height: 1.55;
1215+
}
1216+
1217+
.resource-links {
1218+
display: flex;
1219+
flex-wrap: wrap;
1220+
gap: 10px;
1221+
margin-top: 18px;
1222+
}
1223+
1224+
.resource-link {
1225+
display: inline-flex;
1226+
align-items: center;
1227+
min-height: 38px;
1228+
padding: 8px 12px;
1229+
color: var(--ink);
1230+
background: var(--paper);
1231+
border: 1px solid var(--line-strong);
1232+
border-radius: 6px;
1233+
font-family: var(--mono);
1234+
font-size: 0.76rem;
1235+
font-weight: 700;
1236+
text-decoration: none;
1237+
}
1238+
1239+
.resource-link.primary {
1240+
color: #f8faf7;
1241+
background: var(--black);
1242+
border-color: var(--black);
1243+
}
1244+
1245+
.citation-box {
1246+
overflow-x: auto;
1247+
margin: 16px 0 0;
1248+
padding: 16px;
1249+
color: #f8faf7;
1250+
background: var(--black);
1251+
border-radius: 8px;
1252+
}
1253+
1254+
.citation-box code {
1255+
font-family: var(--mono);
1256+
font-size: 0.74rem;
1257+
line-height: 1.55;
1258+
white-space: pre;
1259+
}
1260+
11811261
.footer {
11821262
margin-top: 80px;
11831263
padding: 32px 0 44px;
@@ -1191,6 +1271,12 @@
11911271
flex-wrap: wrap;
11921272
}
11931273

1274+
.footer a {
1275+
color: inherit;
1276+
text-decoration-color: var(--line-strong);
1277+
text-underline-offset: 3px;
1278+
}
1279+
11941280
@media (max-width: 980px) {
11951281
.topbar {
11961282
position: static;
@@ -1213,6 +1299,7 @@
12131299
.manifesto,
12141300
.teaser-heading,
12151301
.section-header,
1302+
.resource-panel,
12161303
.evolution-shell {
12171304
grid-template-columns: 1fr;
12181305
}
@@ -1334,6 +1421,9 @@
13341421
<a href="#ablations">Ablations</a>
13351422
<a href="#evolution">Evolution</a>
13361423
<a href="#transfer">Transfer</a>
1424+
<a href="#paper">Paper</a>
1425+
<a href="#citation">Citation</a>
1426+
<a href="https://github.com/microsoft/SkillOpt" target="_blank" rel="noopener">Code</a>
13371427
</nav>
13381428
</header>
13391429

@@ -1352,6 +1442,8 @@ <h1>SkillOpt</h1>
13521442
<a class="button primary" href="#idea">Core Idea</a>
13531443
<a class="button secondary" href="#method">Method</a>
13541444
<a class="button secondary" href="#results">View Results</a>
1445+
<a class="button tertiary" href="https://github.com/microsoft/SkillOpt" target="_blank" rel="noopener">Code Repo</a>
1446+
<a class="button secondary" href="#paper">Paper</a>
13551447
</div>
13561448
</div>
13571449

@@ -1933,8 +2025,49 @@ <h2>The exported skill behaves like a reusable artifact.</h2>
19332025
</div>
19342026
</section>
19352027

2028+
<section class="section" id="paper">
2029+
<div class="section-header">
2030+
<div class="section-eyebrow">07 / Links</div>
2031+
<div>
2032+
<h2>Paper, code, and citation.</h2>
2033+
<p class="section-lede">
2034+
The code repository is public. The paper link is reserved here and will
2035+
be replaced with the final preprint URL.
2036+
</p>
2037+
</div>
2038+
</div>
2039+
2040+
<div class="resource-panel">
2041+
<article class="resource-card">
2042+
<h3>Project resources</h3>
2043+
<p>
2044+
Use the repository for code and this page section as the temporary paper target
2045+
until the final paper URL is available.
2046+
</p>
2047+
<div class="resource-links" aria-label="Project resource links">
2048+
<a class="resource-link primary" href="https://github.com/microsoft/SkillOpt" target="_blank" rel="noopener">Code repository</a>
2049+
<a class="resource-link" href="#paper">Paper placeholder</a>
2050+
<a class="resource-link" href="https://youtu.be/JUBMDTCiM0M" target="_blank" rel="noopener">Project video</a>
2051+
</div>
2052+
</article>
2053+
2054+
<article class="citation-panel" id="citation">
2055+
<h3>Citation</h3>
2056+
<p>Use this placeholder BibTeX until the camera-ready citation is available.</p>
2057+
<pre class="citation-box"><code>@misc{skillopt2026,
2058+
title = {SkillOpt: Executive Strategy for Self-Evolving Agent Skills},
2059+
author = {SkillOpt Authors},
2060+
year = {2026},
2061+
note = {Preprint forthcoming},
2062+
url = {https://microsoft.github.io/SkillOpt/}
2063+
}</code></pre>
2064+
</article>
2065+
</div>
2066+
</section>
2067+
19362068
<footer class="footer">
19372069
<span>SkillOpt: Executive Strategy for Self-Evolving Agent Skills</span>
2070+
<span><a href="https://github.com/microsoft/SkillOpt" target="_blank" rel="noopener">Code</a> / <a href="#paper">Paper</a> / <a href="#citation">Citation</a></span>
19382071
</footer>
19392072
</main>
19402073
<script>

‎skillopt.html‎

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -213,6 +213,12 @@
213213
border-color: rgba(248, 250, 247, 0.48);
214214
}
215215

216+
.button.tertiary {
217+
color: #111820;
218+
background: var(--gold);
219+
border-color: var(--gold);
220+
}
221+
216222
.hero-ledger {
217223
position: relative;
218224
overflow: hidden;
@@ -1178,6 +1184,80 @@
11781184
font-size: 0.92rem;
11791185
}
11801186

1187+
.resource-panel {
1188+
display: grid;
1189+
grid-template-columns: minmax(0, 0.75fr) minmax(280px, 0.55fr);
1190+
gap: 18px;
1191+
align-items: stretch;
1192+
}
1193+
1194+
.resource-card,
1195+
.citation-panel {
1196+
padding: 22px;
1197+
background: rgba(255, 255, 255, 0.72);
1198+
border: 1px solid var(--line);
1199+
border-radius: 8px;
1200+
}
1201+
1202+
.resource-card h3,
1203+
.citation-panel h3 {
1204+
margin: 0 0 10px;
1205+
font-family: var(--display);
1206+
font-size: 1.4rem;
1207+
line-height: 1.05;
1208+
}
1209+
1210+
.resource-card p,
1211+
.citation-panel p {
1212+
margin: 0;
1213+
color: var(--muted);
1214+
line-height: 1.55;
1215+
}
1216+
1217+
.resource-links {
1218+
display: flex;
1219+
flex-wrap: wrap;
1220+
gap: 10px;
1221+
margin-top: 18px;
1222+
}
1223+
1224+
.resource-link {
1225+
display: inline-flex;
1226+
align-items: center;
1227+
min-height: 38px;
1228+
padding: 8px 12px;
1229+
color: var(--ink);
1230+
background: var(--paper);
1231+
border: 1px solid var(--line-strong);
1232+
border-radius: 6px;
1233+
font-family: var(--mono);
1234+
font-size: 0.76rem;
1235+
font-weight: 700;
1236+
text-decoration: none;
1237+
}
1238+
1239+
.resource-link.primary {
1240+
color: #f8faf7;
1241+
background: var(--black);
1242+
border-color: var(--black);
1243+
}
1244+
1245+
.citation-box {
1246+
overflow-x: auto;
1247+
margin: 16px 0 0;
1248+
padding: 16px;
1249+
color: #f8faf7;
1250+
background: var(--black);
1251+
border-radius: 8px;
1252+
}
1253+
1254+
.citation-box code {
1255+
font-family: var(--mono);
1256+
font-size: 0.74rem;
1257+
line-height: 1.55;
1258+
white-space: pre;
1259+
}
1260+
11811261
.footer {
11821262
margin-top: 80px;
11831263
padding: 32px 0 44px;
@@ -1191,6 +1271,12 @@
11911271
flex-wrap: wrap;
11921272
}
11931273

1274+
.footer a {
1275+
color: inherit;
1276+
text-decoration-color: var(--line-strong);
1277+
text-underline-offset: 3px;
1278+
}
1279+
11941280
@media (max-width: 980px) {
11951281
.topbar {
11961282
position: static;
@@ -1213,6 +1299,7 @@
12131299
.manifesto,
12141300
.teaser-heading,
12151301
.section-header,
1302+
.resource-panel,
12161303
.evolution-shell {
12171304
grid-template-columns: 1fr;
12181305
}
@@ -1334,6 +1421,9 @@
13341421
<a href="#ablations">Ablations</a>
13351422
<a href="#evolution">Evolution</a>
13361423
<a href="#transfer">Transfer</a>
1424+
<a href="#paper">Paper</a>
1425+
<a href="#citation">Citation</a>
1426+
<a href="https://github.com/microsoft/SkillOpt" target="_blank" rel="noopener">Code</a>
13371427
</nav>
13381428
</header>
13391429

@@ -1352,6 +1442,8 @@ <h1>SkillOpt</h1>
13521442
<a class="button primary" href="#idea">Core Idea</a>
13531443
<a class="button secondary" href="#method">Method</a>
13541444
<a class="button secondary" href="#results">View Results</a>
1445+
<a class="button tertiary" href="https://github.com/microsoft/SkillOpt" target="_blank" rel="noopener">Code Repo</a>
1446+
<a class="button secondary" href="#paper">Paper</a>
13551447
</div>
13561448
</div>
13571449

@@ -1933,8 +2025,49 @@ <h2>The exported skill behaves like a reusable artifact.</h2>
19332025
</div>
19342026
</section>
19352027

2028+
<section class="section" id="paper">
2029+
<div class="section-header">
2030+
<div class="section-eyebrow">07 / Links</div>
2031+
<div>
2032+
<h2>Paper, code, and citation.</h2>
2033+
<p class="section-lede">
2034+
The code repository is public. The paper link is reserved here and will
2035+
be replaced with the final preprint URL.
2036+
</p>
2037+
</div>
2038+
</div>
2039+
2040+
<div class="resource-panel">
2041+
<article class="resource-card">
2042+
<h3>Project resources</h3>
2043+
<p>
2044+
Use the repository for code and this page section as the temporary paper target
2045+
until the final paper URL is available.
2046+
</p>
2047+
<div class="resource-links" aria-label="Project resource links">
2048+
<a class="resource-link primary" href="https://github.com/microsoft/SkillOpt" target="_blank" rel="noopener">Code repository</a>
2049+
<a class="resource-link" href="#paper">Paper placeholder</a>
2050+
<a class="resource-link" href="https://youtu.be/JUBMDTCiM0M" target="_blank" rel="noopener">Project video</a>
2051+
</div>
2052+
</article>
2053+
2054+
<article class="citation-panel" id="citation">
2055+
<h3>Citation</h3>
2056+
<p>Use this placeholder BibTeX until the camera-ready citation is available.</p>
2057+
<pre class="citation-box"><code>@misc{skillopt2026,
2058+
title = {SkillOpt: Executive Strategy for Self-Evolving Agent Skills},
2059+
author = {SkillOpt Authors},
2060+
year = {2026},
2061+
note = {Preprint forthcoming},
2062+
url = {https://microsoft.github.io/SkillOpt/}
2063+
}</code></pre>
2064+
</article>
2065+
</div>
2066+
</section>
2067+
19362068
<footer class="footer">
19372069
<span>SkillOpt: Executive Strategy for Self-Evolving Agent Skills</span>
2070+
<span><a href="https://github.com/microsoft/SkillOpt" target="_blank" rel="noopener">Code</a> / <a href="#paper">Paper</a> / <a href="#citation">Citation</a></span>
19382071
</footer>
19392072
</main>
19402073
<script>

0 commit comments

Comments
 (0)