README / index.html
skew202's picture
feat: add HTML5 profile page
2ee30a8 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stefan Wiest - AI Research & Engineering</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
line-height: 1.6;
color: #333;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 2rem 1rem;
}
.container {
max-width: 900px;
margin: 0 auto;
background: white;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
overflow: hidden;
}
header {
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
color: white;
padding: 3rem 2rem;
text-align: center;
}
header h1 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
font-weight: 700;
}
header .tagline {
font-size: 1.1rem;
opacity: 0.9;
}
nav {
background: #1e293b;
padding: 1rem 2rem;
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
nav a {
color: #94a3b8;
text-decoration: none;
font-weight: 500;
transition: color 0.2s;
}
nav a:hover {
color: white;
}
main {
padding: 2rem;
}
section {
margin-bottom: 3rem;
}
h2 {
font-size: 1.8rem;
color: #1e293b;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid #e2e8f0;
}
h3 {
font-size: 1.3rem;
color: #475569;
margin: 1.5rem 0 0.75rem;
}
p {
margin-bottom: 1rem;
color: #475569;
}
a {
color: #6366f1;
text-decoration: none;
font-weight: 500;
}
a:hover {
text-decoration: underline;
}
table {
width: 100%;
border-collapse: collapse;
margin: 1rem 0;
}
th, td {
padding: 0.75rem;
text-align: left;
border-bottom: 1px solid #e2e8f0;
}
th {
background: #f8fafc;
font-weight: 600;
color: #334155;
}
ul {
margin-left: 1.5rem;
margin-bottom: 1rem;
}
li {
margin-bottom: 0.5rem;
color: #475569;
}
.hero-text {
font-size: 1.1rem;
color: #e0e7ff;
margin-top: 1rem;
}
footer {
background: #f8fafc;
padding: 2rem;
text-align: center;
border-top: 1px solid #e2e8f0;
}
footer p {
font-size: 0.9rem;
color: #64748b;
}
.links {
display: flex;
justify-content: center;
gap: 1.5rem;
flex-wrap: wrap;
margin-top: 1rem;
}
.links a {
display: flex;
align-items: center;
gap: 0.5rem;
}
@media (max-width: 600px) {
header h1 {
font-size: 2rem;
}
nav {
flex-direction: column;
gap: 0.5rem;
}
table {
font-size: 0.9rem;
}
th, td {
padding: 0.5rem;
}
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>Stefan Wiest</h1>
<p class="tagline">AI Research & Engineering · Multi-Agent System Coordination</p>
<p class="hero-text">I research how AI agents coordinate at scale and build production tools to make it practical.</p>
</header>
<nav>
<a href="#research">Research</a>
<a href="#tools">Tools</a>
<a href="#writing">Writing</a>
<a href="#huggingface">HuggingFace</a>
<a href="#collections">Collections</a>
<a href="#connect">Connect</a>
</nav>
<main>
<section id="research">
<h2>Research</h2>
<p><strong>Harmonic Coordination Theory (HCT)</strong> proposes a musical ontology for multi-agent coordination. Current frameworks give you orchestration tools but lack a shared language for timing, quality, and intent.</p>
<p>I fix this using cues, fermatas, tempo, and dissonance as engineering primitives.</p>
<h3>Key Publications</h3>
<ul>
<li><a href="https://www.stefanwiest.de/research">Harmonic Coordination Theory</a> — CS.AI / CS.MA papers</li>
<li><a href="https://huggingface.co/stefanwiest/hct-spec">stefanwiest/hct-spec</a> — Canonical signal specification</li>
<li><a href="https://github.com/stefanwiest/hct-core">stefanwiest/hct-core</a> — Reference implementation</li>
</ul>
<h3>Protocol Extensions</h3>
<ul>
<li><a href="https://github.com/stefanwiest/hct-mcp-signals">stefanwiest/hct-mcp-signals</a> — Coordination layer for Anthropic MCP</li>
<li><a href="https://github.com/stefanwiest/hct-a2a">stefanwiest/hct-a2a</a> — Coordination semantics for Google A2A</li>
</ul>
</section>
<section id="tools">
<h2>Tools</h2>
<p>Production tools that solve real problems—usually ones I've encountered myself.</p>
<table>
<thead>
<tr>
<th>Tool</th>
<th>Purpose</th>
<th>Link</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>AntiSlop</strong></td>
<td>Multi-language linter for AI-generated code slop</td>
<td><a href="https://github.com/skew202/antislop">GitHub</a></td>
</tr>
<tr>
<td><strong>EnvCheck</strong></td>
<td>Environment file linting for DevSecOps</td>
<td><a href="https://github.com/envcheck/envcheck">GitHub</a></td>
</tr>
<tr>
<td><strong>NerfStatus</strong></td>
<td>Scientific LLM degradation detection</td>
<td><a href="https://nerfstatus.com">Web</a></td>
</tr>
<tr>
<td><strong>SpeakOps</strong></td>
<td>Real-time AI speech coaching</td>
<td><a href="https://github.com/speakops/desktop">GitHub</a></td>
</tr>
</tbody>
</table>
</section>
<section id="writing">
<h2>Writing</h2>
<p><a href="https://seekingsota.com"><strong>SeekingSota</strong></a> — Weekly essays on AI × Human identity crisis</p>
<p>I explore what happens when engineers stop programming and start conducting AI agents. Real agent workflows, technical deep dives, philosophy of production, and honest stories about the identity crisis that comes with this transformation.</p>
</section>
<section id="huggingface">
<h2>HuggingFace</h2>
<h3>Models & Datasets (<code>stefanwiest/</code>)</h3>
<ul>
<li><a href="https://huggingface.co/stefanwiest/hct-spec">stefanwiest/hct-spec</a> — HCT specification & signal reference</li>
</ul>
<h3>Spaces (<code>skew202/</code>)</h3>
<ul>
<li><a href="https://huggingface.co/spaces/skew202/nerfstatus-hf-monitor">skew202/nerfstatus-hf-monitor</a> — HF inference quality monitor</li>
</ul>
</section>
<section id="collections">
<h2>Collections</h2>
<p>Curated research collections grounding multi-agent systems in academic literature:</p>
<ul>
<li><a href="https://huggingface.co/collections/stefanwiest/multi-agent-coordination-and-signaling-6957724f871e3a888d717ce4">Multi-Agent Coordination & Signaling</a> — A2A, MCP, CAMEL, IoA, HCT protocols</li>
<li><a href="https://huggingface.co/collections/stefanwiest/llm-reasoning-and-planning-techniques-69577251137782117c4573ec">LLM Reasoning & Planning Techniques</a> — CoT, ToT, GoT, ReAct, DSPy</li>
<li><a href="https://huggingface.co/collections/stefanwiest/llm-quality-and-degradation-monitoring-69577255871e3a888d717d1d">LLM Quality & Degradation Monitoring</a> — Hallucination detection, model collapse, probe-based testing</li>
<li><a href="https://huggingface.co/collections/stefanwiest/memory-context-and-rag-69577253871e3a888d717d09">Memory, Context & RAG</a> — RAG architectures, MemGPT, semantic chunking</li>
<li><a href="https://huggingface.co/collections/stefanwiest/tool-use-and-agent-execution-69577257c4fed2c5f572e482">Tool Use & Agent Execution</a> — Toolformer, MCP, agentic loops</li>
<li><a href="https://huggingface.co/collections/stefanwiest/agent-safety-and-alignment-69577259df172c4fd94b5a34">Agent Safety & Alignment</a> — Jailbreak detection, guardrails, constitutional AI</li>
</ul>
</section>
<section id="connect">
<h2>Connect</h2>
<div class="links">
<a href="https://stefanwiest.de">🌐 Website</a>
<a href="https://linkedin.com/in/stefanwiest">💼 LinkedIn</a>
<a href="https://x.com/seekingsota">🐦 X/Twitter</a>
<a href="https://huggingface.co/stefanwiest">🤗 Hugging Face</a>
<a href="https://github.com/skew202">📦 GitHub</a>
</div>
</section>
</main>
<footer>
<p>15+ years building production software. Now researching multi-agent coordination while building tools and writing honest stories about the transformation.</p>
</footer>
</div>
</body>
</html>