Syncfusion Blazor Smart Paste

This drops an AI-powered paste button into your Blazor forms that reads clipboard text and fills fields automatically. You hook it up to OpenAI, Azure OpenAI, or Ollama, add the SmartPasteButton component, and it handles the mapping. The field annotation system lets you guide the AI when auto-detection isn't precise enough. Setup is straightforward: install the NuGet package, register the service, configure your AI backend. It's genuinely useful if you're building forms where users frequently copy data from emails or documents. The customization inherits from SfButton, so styling matches your existing Syncfusion components. Works with .NET 8 and requires an active AI service account.

skills.sh installs: 376
GitHub stars: 4
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-smart-paste --agent claude-code

Installs into .claude/skills of the current project.

Files

Syncfusion Blazor Smart Paste Button

The Syncfusion Blazor Smart Paste Button uses AI to intelligently read clipboard text and populate form fields automatically, eliminating manual data entry.

When to Use

Use this skill when you need to:

Add the Smart Paste Button to a Blazor form for AI-powered clipboard-to-field population
Configure an AI backend (OpenAI, Azure OpenAI, Ollama, or custom)
Add [SmartPasteField] annotations to fine-tune field mapping
Customize button appearance, content, and behavior
Integrate a custom IChatInferenceService implementation
Troubleshoot Smart Paste integration or AI connectivity issues

Prerequisites

.NET SDK 8.0 or later
Visual Studio 2022 (17.0+) or Visual Studio Code
Active OpenAI, Azure OpenAI, or Ollama account (or a custom AI backend)
Basic knowledge of Blazor Web App (Server render mode)