agentsclimarketplace
Sign in

Chatbot implementation

Skill ComeOnOliver/skillshub/skills/aiskillstore/marketplace/abdulsamad94/chatbot-implementation

Details of the RAG Chatbot, including UI and backend logic.From its SKILL.md

Install
npx -y skills add ComeOnOliver/skillshub --skill chatbot-implementation

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

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:
    1. Receives query and history.
    2. Embeds query using Gemini or OpenAI embedding model.
    3. Searches Qdrant (vector DB) for relevant textbook chunks.
    4. Constructs context from matches.
    5. Generates response using Gemini Flash/Pro.

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 --ifm variables).

What ships with it

8.5 KB alongside SKILL.md

GitHub clipped this repository’s file list, so this is at least 1 file and may be more.

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.