Skip to content

AI · Live demo · 2026

SeeMentor AI

An interactive AI mentor demo that guides learning through a chat-style interface. Built as a hands-on way to practice AI-assisted interface design.

HTML · CSS · JavaScript · Prompt design

Live demo →Discuss this

Challenge

Learning about AI from articles only goes so far. I wanted a real, usable thing to experiment with — a small AI-assisted interface where the focus was on the experience around the model, not the model itself.

Solution

Built SeeMentor AI as a static web demo with a friendly chat-style flow: guided prompts, clear replies, and a graceful fallback when a question is outside what the demo can answer. Keeping it static made it fast, simple to host, and easy to update.

Features

  • Chat-style mentor interface with suggested prompt chips
  • Guided learning prompts that help beginners ask better questions
  • Careful fallback handling instead of pretending to know everything
  • Responsive layout for phone, tablet, and desktop

Next

  • Add a saved-conversation history feature
  • Experiment with richer prompt templates for specific topics
  • Polish the on-boarding flow for first-time visitors
Ask AI