index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sai Kolasani</title>
    <link rel="preload" as="image" href="assets/Headshot.png">
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
            color: #333;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        nav {
            background-color: #fff;
            padding: 1rem 0;
        }

        nav .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .site-title {
            font-size: 24px;
            font-weight: bold;
            color: #000;
            text-decoration: none;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
        }

        nav a {
            color: #4A76E8;
            text-decoration: none;
            font-weight: 500;
        }

        .page-layout {
            display: flex;
            gap: 3rem;
            margin-top: 2rem;
        }

        .sidebar {
            width: 150px;
            flex-shrink: 0;
            position: sticky;
            top: 20px;
            height: fit-content;
            align-self: flex-start;
        }

        .profile-image {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 1rem;
            background-color: #f0f0f0;
        }

        .name-title {
            margin: 1rem 0;
        }

        .name-title h1 {
            margin: 0;
            font-size: 2rem;
            color: #4f4f4f;
        }

        .name-title p {
            margin: 0.5rem 0;
            color: #666;
        }

        .contact-links {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .contact-links a {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #4f4f4f;
            text-decoration: none;
        }

        .main-content {
            flex: 1;
            max-width: 800px;
        }

        .main-content h2 {
            color: #4f4f4f;
            margin-top: 0;
        }

        .main-content a {
            color: #000;
        }

        a {
            color: #4A76E8;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        .contact-links a svg {
            width: 16px;
            height: 16px;
            fill: currentColor;
        }
    </style>
</head>

<body>
    <nav>
        <div class="container">
            <a href="/" class="site-title">Sai Kolasani</a>
            <div class="nav-links">
                <a href="research.html">Research</a>
                <a href="computerVisionProjects/index.html">Projects</a>
                <a href="blog.html">Blog</a>
            </div>
        </div>
    </nav>

    <div class="container">
        <div class="page-layout">
            <div class="sidebar">
                <img src="assets/HeadshotSmall.jpeg" alt="Sai Kolasani" class="profile-image" loading="lazy" width="150"
                    height="150">
                <div class="name-title">
                    <h3>Sai Kolasani</h3>
                    <p>Cofounder of PlotViews</p>
                    <p>CS & Stats @ Berkeley</p>
                    <p>saikolasani@berkeley.edu</p>
                </div>
                <div class="contact-links">
                    <a href="https://github.com/saikolasani">
                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
                        </svg>
                        Github
                    </a>
                    <a href="https://www.linkedin.com/in/saikolasani/">
                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
                        </svg>
                        LinkedIn
                    </a>
                    <a href="https://x.com/SaiKolasani1">
                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
                        </svg>
                        X
                    </a>
                    <a href="assets/SaiKolasaniCV.pdf">📄 CV</a>
                </div>
            </div>
            <div class="main-content">
                <h2>About Me</h2>
                <p>
                    Hey there, I'm Sai.
                    <br>
                    <br>
                    I'm a recent UC Berkeley graduate with a B.A. in Computer Science and
                    Statistics, with
                    a minor
                    in Public Policy. I'm broadly interested in artificial intelligence and machine learning systems,
                    especially at the intersection of alignment, reliability, and real-world deployment.
                </p>
                <p>
                    I'm currently building <strong><a href="https://plotviews.com">PlotViews</a></strong>, a company
                    focused on using AI to automate and
                    elevate commercial real estate visualization and marketing. In parallel, I continue to work on AI
                    research, primarily around agentic systems, evaluation, and scalable AI frameworks.
                </p>
                <p>My research interests include:</p>
                <ul>
                    <li><strong>AI alignment and safety</strong></li>
                    <li><strong>Reliability and evaluation of LLM-based systems</strong></li>
                    <li><strong>Agentic and compound AI systems</strong></li>
                </ul>
                <p>
                    Previously, I co-developed <strong><a
                            href="https://gorilla.cs.berkeley.edu/blogs/14_agent_arena.html">Agent Arena</a></strong>,
                    an interactive platform for evaluating LLM-based agents, and led development on <strong><a
                            href="https://github.com/pyember/ember">Ember</a></strong>, a compositional
                    framework for building Compound AI Systems and Networks of Networks. I am also a co-author of
                    <strong><a href="https://arxiv.org/abs/2512.01992">LLM Chess</a></strong>, a framework for
                    evaluating LLM reasoning and planning through chess gameplay, which was published at the
                    <strong>NeurIPS FoRLM Workshop</strong>.
                </p>
                <p>
                    I have prior industry experience as a software engineer at Arize AI, IBM (DataStax), and Priceline.
                    I enjoy working at the boundary between research and production, especially on systems that need to
                    be both theoretically grounded and practically useful.
                </p>

                <section id="projects">
                    <h2>Featured Research Projects</h2>
                    <ul>
                        <li><strong><a href="https://arxiv.org/abs/2512.01992">LLM Chess:</a></strong> A
                            framework for evaluating LLM reasoning and planning through chess gameplay, published at the
                            NeurIPS FoRLM Workshop. Features a novel approach to testing language models' ability to
                            understand game states, plan moves, and execute complex strategies in a zero-shot setting
                        </li>
                        <li><strong><a href="https://gorilla.cs.berkeley.edu/blogs/14_agent_arena.html">Agent
                                    Arena:</a></strong> An interactive platform for evaluating and comparing LLM-based
                            agents. Agent Arena provides a systematic way to assess agent capabilities through
                            battle-based comparisons</li>
                        <li><strong><a href="https://github.com/pyember/ember">Ember:</a></strong> A
                            compositional framework for constructing Compound AI Systems and Networks of Networks
                            (NONs), focusing on scalable and modular AI workflows</li>
                        <li><strong><a href="https://github.com/LAISR-Cornell/emotion-tune">Emotion-tune:</a></strong> A
                            project focused on improving RLHF with emotion-based feedback. Built on EMILI (Emotionally
                            Intelligent Listener), it uses real-time facial emotion recognition to enhance AI
                            interactions and advance long-term AI safety through emotion-aware systems</li>
                    </ul>
                </section>

                <section id="interests">
                    <h2>Other Interests</h2>
                    <ul>
                        <li>Sports: Golf, Basketball, Tennis, Pickleball, Snowboarding</li>
                        <li>Games: Poker, Video Games, Anime</li>
                        <li>Music: R&B, House, Hip-Hop</li>
                        <li>NBA: Boston Celtics</li>
                    </ul>
                </section>
            </div>
        </div>
    </div>
    <footer style="text-align: center; padding: 20px; color: #666; font-size: 0.9rem; margin-top: 2rem;">
        <p>© 2026 Sai Kolasani. All rights reserved.</p>
        <p>Last Updated: January 2026</p>
    </footer>
</body>

</html>