前端开发

syncfusion-react-ai-assistview

syncfusion/reac…s-skills

Implement the Syncfusion React AI AssistView component. Use this skill to handle AI-powered conversational interfaces, AssistView setup, conversation flow, speech input or output, file attachments, UI customization, state management, chain of thoughts reasoning visualization, generative UI with dynamic tools, AI telemetry and usage tracking, prompt-editor mentions, and AI service integration such as OpenAI or Azure AI in React applications.

  • 720 次安装
  • 3 星标
  • 收录于

安装命令

npx skills add https://github.com/syncfusion/react-ui-components-skills --skill syncfusion-react-ai-assistview

SKILL.md

Syncfusion React AI AssistView Component

Component Overview

The Syncfusion React AI AssistView component is a comprehensive interactive chat component designed for building AI-powered conversational interfaces. It provides:

Core Capabilities

  • Prompt-Response Management: Manage conversation history with automatic data collection
  • Real-time Streaming: Stream AI responses character-by-character for live typing effects
  • Chain of Thoughts: Visualize AI reasoning process through thinking blocks with multi-stage workflow support
  • Template System: Customize every UI element (banners, prompt items, responses, suggestions, footer)
  • Multi-View Support: Switch between conversation assist view and custom content views
  • Voice Integration: Built-in Speech-to-Text (voice input) and Text-to-Speech (voice output)
  • File Attachments: Upload and include files with prompts
  • Advanced Toolbars: Configurable toolbars for header, footer, responses, and prompts
  • Telemetry Tracking: Track AI interaction metrics (duration, tool calls, tokens, model info) with a built-in report tooltip on every response
  • Mentions: Reference items from a configured data source via trigger characters (@, /) with filtering, highlighting, and customizable templates
  • AI Service Integration: Direct integration with OpenAI, Azure OpenAI, and other AI services
  • Event-Driven Architecture: Hooks for prompt submission, changes, and component lifecycle