AskAI

import { AskAi } from '@kit/cms/ui/ask-ai';
import { appConfig } from '~/config/app.config';

export function AskAiDemo() {
    return <AskAi companyName={appConfig.name} url="docs/web/features/cms/notion/llm.md" />;
}

Overview

The AskAI component provides a seamless way for users to interact with AI assistants about your content. It creates contextual prompts and opens conversations in popular AI platforms like ChatGPT, Grok, and others, using your LLM endpoints for accurate, content-aware responses.

How It Works

The AskAI component generates intelligent prompts that include:

• Context about your company/product
• Direct links to your documentation
• Instructions for the AI to provide helpful assistance

When clicked, it opens a dropdown menu with options to continue the conversation in various AI platforms.

pnpmnpmyarnbun
pnpm add @radix-ui/react-dropdown-menu @radix-ui/react-popover
Copy

'use client';

import { Button } from '@kit/ui/button';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@kit/ui/dropdown-menu';
import { Icon } from '@kit/ui/icon';

Integrated LLM endpoints

Usage

Copy to Clipboardimport { AskAi } from '@kit/cms/ui/ask-ai';

Copy to Clipboard<AskAi
    url={'/path/to/your/md/endpoint'}
    companyName="Your Blog"
/>

API Reference

AskAiProps