CoachAI
CoachAI is an AI-powered chatbot that helps users master any new app instantly by auto-executing tasks, logging interactive step-by-step transcripts, and exporting sessions for easy learning.
Core trick
A GPT-5 agent executes user-requested UI actions on a virtual canvas while logging each step to a replayable transcript.
Description
CoachAI is an AI-powered personal assistant designed to simplify learning new applications. Users provide natural language instructions, and CoachAI automatically executes the actions on a virtual canvas while logging every step in an interactive transcript. Each step can be replayed on hover for better understanding, and the entire session can be exported as PDF or Word for later reference. By leveraging GPT-5 Agent Mode, CoachAI reduces the time and frustration associated with mastering new apps, empowering users to learn faster, more efficiently, and confidently. It’s scalable to any app, providing a seamless learning experience.
README excerpt
README.md # ⚡ CoachAI — Frontend **CoachAI-FE** is the frontend for **CoachAI** — an AI-powered interactive coaching assistant. It connects with any app or software and guides users through tasks, learning by doing and adapting to provide smarter and faster assistance. --- ## 🖥 Main Purpose - Serve as a **coach for any app/software**. - Learn user behavior and adapt instructions dynamically. - Provide **step-by-step guidance** in real time. - Support interactive tasks, visual feedback, and transcripts. --- ## 🖌 Key Features - **Natural Language Commands:** Users can type instructions in plain English. - **Interactive Canvas:** Visualize steps and actions on canvas for better understanding. - **Transcript Panel:** Keeps a history of commands with timestamps; replay past actions. - **Export PDF:** Save session transcripts for reference. - **Smart Guidance:** Connects to different apps, learns by doing, and adapts advice. - **Customizable UI:** Select shapes, colors, and actions dynamically. --- ## 📂 Project Structure CoachAI-FE/ │ ├── public/ ├── src/ │ ├── components/ │ │ ├── CanvasArea.tsx │ │ ├── Chatbot.tsx │ │ ├── Ribbon.tsx │ │ └── TranscriptPanel.tsx │ ├── App.tsx │ └── index.tsx ├── package.json ├── tsconfig.json └── README.md ## **Project Workflow** ### 1. User Instruction User types a natural language command like: "Draw a circle in the center" ### 2. Agent Interpretation (GPT-5) The GPT-5 Agent converts the command into structure