Spaces:
Running
Running
| <html lang="en"> | |
| <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>🏙️ AI Town Clone</title> | |
| <style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui;background:#0f0f23;color:#e4e4e7;min-height:100vh;display:flex;align-items:center;justify-content:center}.container{max-width:800px;padding:2rem;text-align:center}h1{font-size:3rem;margin-bottom:0.5rem}h1 span{background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#71717a;font-size:1.1rem;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:1rem;text-align:left}.card h3{font-size:0.9rem;color:#fff;margin-bottom:0.3rem}.card p{font-size:0.75rem;color:#71717a}.btn{display:inline-block;margin-top:2rem;padding:12px 24px;background:#8b5cf6;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}</style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>🏙️ <span>AI Town</span></h1> | |
| <p class="subtitle">Virtual World with AI Inhabitants — Stanford "Generative Agents" on Mobile</p> | |
| <div class="grid"> | |
| <div class="card"><h3>🧠 Memory System</h3><p>Vector-indexed RAG with recency × importance × relevance scoring</p></div> | |
| <div class="card"><h3>🤖 8 AI Characters</h3><p>Big Five personality, unique backstories, autonomous behavior</p></div> | |
| <div class="card"><h3>💬 Chat with Anyone</h3><p>RAG-powered responses — characters remember everything</p></div> | |
| <div class="card"><h3>🗺️ Town Builder</h3><p>2D Skia canvas with pan/zoom/tap, 8 building types</p></div> | |
| <div class="card"><h3>🕸️ Relationships</h3><p>Characters form opinions via EMA sentiment tracking</p></div> | |
| <div class="card"><h3>🎭 Reflection</h3><p>Auto-generates insights when enough events accumulate</p></div> | |
| </div> | |
| <a href="https://huggingface.co/spaces/Muthukumarank/ai-town-clone/tree/main" class="btn">📁 View Source Code</a> | |
| </div> | |
| </body> | |
| </html> | |