Chatbot implementation
Skill aiskillstore/marketplace/skills/abdulsamad94/chatbot-implementation
Details of the RAG Chatbot, including UI and backend logic.From its SKILL.md
npx -y skills add aiskillstore/marketplace --skill chatbot-implementationAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
SKILL.md
1.2 KB, 286 tokens by cl100k_base, as published. Nobody here has run it
Chatbot Logic
Overview
A specialized RAG (Retrieval Augmented Generation) chatbot that helps users learn from the textbook content.
Backend
- Route:
app/api/chat/route.ts - Logic:
- Receives
queryandhistory. - Embeds query using Gemini or OpenAI embedding model.
- Searches Qdrant (vector DB) for relevant textbook chunks.
- Constructs context from matches.
- Generates response using Gemini Flash/Pro.
- Receives
Vector Search (Qdrant)
We use Qdrant for storing embeddings of the textbook.
- Collection:
textbook_chunks(or similar). - Fields:
text,source,chunk_id.
UI Component
- Location:
textbook/src/components/Chatbot/index.tsx. - Features:
- Floating chat window.
- Size controls (Small, Medium, Large).
- Markdown rendering of responses.
- Context selection (highlight text to ask about it).
- Mobile responsive design.
- Auth awareness (personalizes answer based on user profile).
Styling
- CSS:
styles.module.css(Premium animations, shadow effects). - Themes: Dark/Light mode compatible (using
--ifmvariables).
What ships with it: 1 file
13.6 KB alongside SKILL.md
- skill-report.json13.6 KB