mcpField
S
syncfusion-aspnetcore-smart-textarea

syncfusion-aspnetcore-smart-textarea

github.com/syncfusionDevelopment098 installsUpdated 3w ago
Repository

About syncfusion-aspnetcore-smart-textarea

A skill for implementing Syncfusion Smart TextArea in ASP.NET Core, aimed at developers adding AI-assisted completion to multiline inputs. It covers provider setup, suggestion modes, role context, and custom inference backends.

Key features

  1. 01Real-time sentence completion
  2. 02Inline and popup suggestions
  3. 03Role-based suggestion behavior
  4. 04Custom phrase suggestions
  5. 05Tag Helper integration
  6. 06Accessibility and RTL support

Use cases

  1. 01Adding AI completion to ASP.NET Core forms
  2. 02Configuring OpenAI, Azure OpenAI, or Ollama
  3. 03Tailoring suggestions by user role
  4. 04Connecting a custom inference backend

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/syncfusion/aspnetcore-ui-components-skills --skill syncfusion-aspnetcore-smart-textarea

After installing, type/syncfusion-aspnetcore-smart-textareain Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
customization.md
features.md
getting-started.md

Details

From the project README

Syncfusion ASP.NET Core Smart TextArea

Overview

The Smart TextArea is an intelligent, AI-powered text input control that provides real-time sentence completion and text suggestions using semantic understanding. This skill guides you through implementing Smart TextArea functionality in ASP.NET Core applications with support for multiple AI providers, customizable suggestion modes, and extensible inference backends.

The Smart TextArea provides:

  • AI-Powered Completions: Intelligent sentence and text suggestions using OpenAI, Azure OpenAI, Ollama, or custom backends
  • Multiple Suggestion Modes: Inline pop-up or integrated display options for AI suggestions
  • User Role Configuration: Role-based suggestion behavior (student, writer, developer, etc.)
  • Custom Phrases: Predefined phrase suggestions based on user context and preferences
  • Full TextArea Features: Floating labels, validation, RTL support, accessibility compliance
  • Tag Helper Support: Native ASP.NET Core TagHelper integration for Razor Pages and MVC
  • Event System: Suggestion selection, value change, focus, and blur events

When to Use This Skill

Use this skill when you need to:

  • Implement AI-powered text completion in ASP.NET Core applications
  • Configure OpenAI or Azure OpenAI for Smart TextArea functionality
  • Set up Ollama or custom AI inference services
  • Customize suggestion display modes (inline vs popup)
  • Configure user roles and custom phrases for context-aware suggestions
  • Implement custom inference backends for proprietary AI models
  • Add intelligent text authoring features to multi-line text inputs
  • Integrate Smart TextArea into forms and content editors

Component Overview

Key Features:

  • Real-time AI sentence completion suggestions
  • Inline and popup suggestion display modes
  • Role-based suggestion intelligence (Student, Writer, Developer, Custom)
  • Predefined custom phrases and snippets
  • Full TextArea control feature inheritance
  • Support for multiple languages and RTL layouts
  • Event-driven suggestion handling
  • Accessibility and keyboard navigation support

Common Properties:

  • Placeholder - Default hint text
  • Value - Current textarea content
  • OpenAIKey / AzureEndpoint / OllamaUrl - AI service configuration
  • SuggestionMode - 'Inline' or 'Popup' suggestion display
  • UserRole - Role context (Student, Writer, Developer, Custom)
  • UserPhrases - Custom phrase suggestions
  • ActionComplete - Event when suggestion is applied
  • Change - Event when content changes
  • Rows / Cols - Textarea dimensions
  • ReadOnly - Read-only state

Documentation Navigation

Getting Started

📄 Read: references/getting-started.md

  • Prerequisites and system requirements
  • Installing Syncfusion.EJ2.AspNet.Core NuGet package
  • Configuring AI services (OpenAI, Azure OpenAI, Ollama)
  • Project setup with Razor Pages and MVC
  • Tag helper registration and configuration
  • CDN stylesheet and script setup
  • Creating your first Smart TextArea implementation
  • Basic form integration with AI completions
Features and Capabilities

📄 Read: references/features.md

  • Core Smart TextArea features and properties
  • Standard TextArea feature inheritance (floating labels, validation)
  • User role configuration (Student, Writer, Developer, Custom)
  • Suggestion display and interaction patterns
  • Event handling and callbacks
  • Multi-language and RTL support
  • Accessibility features and keyboard navigation
  • Form submission and value management
Customization

📄 Read: references/customization.md

  • Suggestion display mode configuration (inline vs popup)
  • User role and context configuration
  • Custom phrases and snippet configuration
  • TextArea appearance and styling options
  • Placeholder text and label customization
  • Size and dimension configuration
  • Event handling and completion callbacks
  • Theme and CSS class customization
Custom Inference Backend

📄 Read: custom-inference-backend

  • IChatInferenceService interface implementation
  • Custom AI provider integration
  • Service registration in dependency injection
  • Request/response format specifications
  • Expected completion format and response structure
  • Handling complex inference scenarios
  • Testing and debugging custom backends
  • Performance optimization strategies

Comments

Markdown supported