syncfusion-blazor-smart-paste

Q: How do I install syncfusion-blazor-smart-paste?

Run npx skills add https://github.com/syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-smart-paste in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-blazor-smart-paste/ (personal) or .claude/skills/syncfusion-blazor-smart-paste/ (project).

by syncfusionAI & Agents

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.

Installs: 365
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-smart-paste

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads syncfusion-blazor-smart-paste automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

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)

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

FAQ

What does the syncfusion-blazor-smart-paste skill do?

How do I install syncfusion-blazor-smart-paste?

Run npx skills add https://github.com/syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-smart-paste in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-blazor-smart-paste/ (personal) or .claude/skills/syncfusion-blazor-smart-paste/ (project).

Which AI agents can use syncfusion-blazor-smart-paste?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is syncfusion-blazor-smart-paste safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains syncfusion-blazor-smart-paste?

It is published by syncfusion in syncfusion/blazor-ui-components-skills. It has 365 recorded installs.