mcpField
S
syncfusion-aspnetcore-smart-paste

syncfusion-aspnetcore-smart-paste

github.com/syncfusionDevelopment098 installsUpdated 3w ago
Repository

About syncfusion-aspnetcore-smart-paste

An implementation guide for Syncfusion Smart Paste Button in ASP.NET Core, where AI maps clipboard data to form fields. It supports several AI providers and custom inference backends.

Key features

  1. 01Parse clipboard data into form fields
  2. 02Support OpenAI, Azure OpenAI, and Ollama
  3. 03Improve mapping with field annotations
  4. 04Integrate through ASP.NET Core Tag Helpers
  5. 05Connect custom inference backends

Use cases

  1. 01Autofill forms from clipboard data
  2. 02Clarify intent for complex form fields
  3. 03Add Smart Paste to Razor Pages or MVC
  4. 04Connect custom or on-premises AI services

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-paste

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

Bundled files

References and scripts installed along with SKILL.md.

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

Details

From the project README

Syncfusion ASP.NET Core Smart Paste Button

Overview

The Smart Paste Button is an intelligent, AI-powered UI control that automatically parses clipboard data and intelligently maps it to form fields using contextual understanding and semantic analysis. This skill guides you through implementing Smart Paste functionality in ASP.NET Core applications using Syncfusion components, with support for multiple AI providers and custom backends.

The Smart Paste Button provides:

  • Intelligent Data Mapping: Contextual understanding to match clipboard data to form fields
  • Multiple AI Providers: OpenAI, Azure OpenAI, Ollama, and custom IChatInferenceService backends
  • Form Field Annotations: Explicit descriptions to improve AI accuracy and field intent understanding
  • Customizable Appearance: Full Button component property inheritance for styling and theming
  • Clipboard Integration: Automatic clipboard parsing and intelligent value distribution
  • Custom Inference Backends: Extensible architecture for proprietary or on-premises AI services
  • Tag Helper Support: Native ASP.NET Core TagHelper integration for Razor pages and MVC

When to Use This Skill

Use this skill when you need to:

  • Implement AI-powered form auto-filling from clipboard data
  • Configure OpenAI or Azure OpenAI for Smart Paste functionality
  • Set up Ollama or custom AI inference services
  • Add intelligent field annotations for better AI accuracy
  • Customize Smart Paste Button appearance and behavior
  • Integrate Smart Paste into multi-field forms
  • Implement a custom data inference backend
  • Ensure proper integration with ASP.NET Core Razor Pages or MVC applications

Component Overview

Key Features:

  • Real-time clipboard parsing with AI interpretation
  • Zero-configuration setup with default providers
  • Support for structured and unstructured clipboard data
  • Field annotation system for precise data mapping
  • Extensible inference architecture
  • Full accessibility compliance
  • Theme and styling customization

Common Properties:

  • Content - Button display text
  • CssClass - CSS classes for styling
  • IconCss - Icon class for button representation
  • Disabled - Enable/disable state
  • EnableRtl - Right-to-left language support

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
  • CDN stylesheet and script configuration
  • Creating your first Smart Paste implementation
  • Basic form setup and Smart Paste integration
Field Annotations

📄 Read: references/annotation.md

  • Using data-smartpaste-description attribute
  • Annotation best practices for improved accuracy
  • Supported input types (text, textarea, select, radio, checkbox)
  • Intent-based field descriptions
  • Multi-language annotation strategies
  • Field metadata for complex forms
Button Customization

📄 Read: references/customization.md

  • Smart Paste Button appearance customization
  • CSS class and icon configuration
  • Inheriting Button component properties
  • Styling and theming options
  • Button text and label customization
  • State and event handling
Custom Inference Backend

📄 Read: custom-inference-backend

  • IChatInferenceService interface implementation
  • Custom AI provider integration
  • Service registration in dependency injection
  • Request/response format specifications
  • Expected JSON structure for field mapping
  • Handling complex inference scenarios
  • Testing and debugging custom backends

Comments

Markdown supported