Syncfusion blazor smart paste
Skill syncfusion/blazor-ui-components-skills/skills/syncfusion-blazor-smart-paste
The skills guide Blazor development across all hosting models (Server, WASM, Hybrid, Auto) including data grid, chart, scheduler, rich text editor, gantt chart and more.
npx -y skills add syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-smart-pasteAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Set up and use the Syncfusion Blazor Smart Paste Button — AI-powered clipboard-to-form filling with OpenAI, Azure OpenAI, Ollama, or custom AI backends. Covers NuGet setup, service configuration, field annotations, button customization, and troubleshooting.
SKILL.md
3.4 KB, 721 tokens by cl100k_base, as published. Nobody here has run it
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
IChatInferenceServiceimplementation - 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)
Quick Setup
Follow these steps in order:
1. Initial Setup and NuGet Installation
Start with getting-started.md to:
- Create a new Blazor Web App Server
- Install Syncfusion NuGet packages
- Register Syncfusion Blazor services
- Add necessary namespaces
2. Configure AI Service
Proceed here to Custom AI Integration Steps to:
- Choose your AI provider (OpenAI, Azure OpenAI, or Ollama)
- Install AI service-specific NuGet packages
- Configure your AI backend in
Program.cs - Add theme stylesheets and script resources
3. Implement and Customize
Complete with implementation-and-customization.md to:
- Add the Smart Paste Button component to your form
- Run and test the application
- Add custom field annotations
- Customize button appearance
- Integrate custom AI services
- Troubleshoot common issues
Key Features
| Feature | Details |
|---|---|
| AI-Powered Form Filling | Reads clipboard text and maps data to form fields automatically |
| Multiple AI Backends | OpenAI, Azure OpenAI, Ollama, and custom IChatInferenceService |
| Field Annotations | [SmartPasteField] attribute for precise field descriptions |
| Easy Integration | Single NuGet package + AddSyncfusionSmartPaste() service call |
| Customizable UI | Inherits all SfButton properties — icons, content, CSS classes |
NuGet Packages
Syncfusion.Blazor.SmartComponents(v28.1.33+)Syncfusion.Blazor.Themes- AI provider package — see ai-service-configuration.md
Reference Documents
| Document | Purpose |
|---|---|
| getting-started.md | Project creation, NuGet installation, service registration |
| ai-service-configuration.md | AI provider setup (OpenAI, Azure OpenAI, Ollama) |
| implementation-and-customization.md | Component usage, field annotations, customization, troubleshooting |
What ships with it: 2 files
12.1 KB alongside SKILL.md