Syncfusion AI Assistant

How can I help you?

Syncfusion PDF Viewer SDK Agent Skills for AI Assistants

31 Mar 20266 minutes to read

This guide introduces Syncfusion PDF Viewer SDK Skills, a curated skill package that enables AI assistants (GitHub Copilot, Code Studio, Cursor, Claude, etc.) to generate accurate, production ready PDF Viewer integration code using the Syncfusion® PDF Viewer components across supported platforms.

Unlike generic AI suggestions, these skills ground the assistant in official Syncfusion® PDF Viewer APIs, configuration patterns, and platform specific setup details—ensuring correct usage, faster Onboarding, and fewer integration issues.

Supported Platforms

Syncfusion® PDF Viewer SDK Agent Skills provide guidance for the following platforms:

Framework Skills
Blazor syncfusion-blazor-pdf-viewer
syncfusion-blazor-smart-pdf-viewer
ASP.NET Core syncfusion-aspnetcore-pdf-viewer
ASP.NET MVC syncfusion-aspnetmvc-pdf-viewer
Angular syncfusion-angular-pdf-viewer
React syncfusion-react-pdf-viewer
Vue syncfusion-vue-pdf-viewer
JavaScript (ES6) syncfusion-javascript-pdf-viewer
.NET MAUI syncfusion-maui-pdf-viewer
UWP syncfusion-uwp-pdf-viewer
WinForms syncfusion-winforms-pdf-viewer
WPF syncfusion-wpf-pdf-viewer
Flutter syncfusion-flutter-pdf-viewer

Each platform’s skill file includes component initialization, property configuration, event handling, and common usage patterns specific to that framework.

Prerequisites

Before installing Syncfusion® PDF Viewer SDK Skills, ensure the following:

  • Node.js (v18 or later) — Required to run npx commands for installing skills.
  • A supported AI agent or IDE that integrates with the Skills CLI (VS Code, Syncfusion® Code Studio, Cursor, etc.)

Installation

Choose one of the following commands to install the Syncfusion® PDF Viewer SDK Skills.

npx skills add syncfusion/pdf-viewer-sdk-skills --all -y

To install a specific skill, use the following command (for example, to install React PDF Viewer skills):

npx skills add syncfusion/pdf-viewer-sdk-skills --skill syncfusion-react-pdf-viewer

Choose and install skills interactively from the terminal:

npx skills add syncfusion/pdf-viewer-sdk-skills

The terminal will show a list of available skills. Use the arrow keys to navigate, space bar to select the skills you want, and Enter to confirm.

Select skills to install (space to toggle)
│  ◻ syncfusion-blazor-pdf-viewer
│  ◻ syncfusion-aspnetcore-pdf-viewer
│  ◻ syncfusion-aspnetmvc-pdf-viewer
│  ◻ syncfusion-angular-pdf-viewer
│  ◻ syncfusion-react-pdf-viewer
│  ◻ syncfusion-vue-pdf-viewer
│  ◻ syncfusion-javascript-pdf-viewer
│  ◻ syncfusion-maui-pdf-viewer
│  ◻ syncfusion-uwp-pdf-viewer
│  ◻ syncfusion-winforms-pdf-viewer
│  ◻ syncfusion-wpf-pdf-viewer
│  ◻ syncfusion-flutter-pdf-viewer
│  ◻ syncfusion-blazor-smart-pdf-viewer
│  .....

Next, select which AI agent you’re using and where to store the skills.

│  ── Additional agents ─────────────────────────────
│  Search:  
│  ↑↓ move, space select, enter confirm
│
│ ❯ ○ Augment (.augment/skills)
│   ○ Claude Code (.claude/skills)
│   ○ OpenClaw (skills)
│   ○ CodeBuddy (.codebuddy/skills)
│   ○ Command Code (.commandcode/skills)
│   ○ Continue (.continue/skills)
│   ○ Cortex Code (.cortex/skills)
│   ○ Crush (.crush/skills)
|   ....

Choose your installation scope (project-level or global), then confirm to complete the installation.

◆  Installation scope
│  ● Project (Install in current directory (committed with your project))
│  ○ Global

◆  Proceed with installation?
│  ● Yes / ○ No

How Syncfusion® PDF Viewer SDK Agent Skills Work

  1. Read the relevant skill files and choose modes based on the user’s query The assistant retrieves library APIs, and code patterns from the installed Syncfusion® Skills. It automatically chooses the appropriate operating mode based on the provided prompt.

  2. Platform-Specific Code Generation — Generates production-ready code tailored to your platform without executing scripts or modifying your project structure. No files are generated on disk.

  3. Register licensing key Configuring the Syncfusion® license key from SyncfusionLicense.txt or the SYNCFUSION_LICENSE_KEY environment variable.

Using the AI Assistant

Once skills are installed, the assistant can generate Syncfusion® pdf viewer code. Below are example prompts for each mode.

Skills CLI Commands

After installation, manage Syncfusion® Agent Skills using the following commands:

Example Prompts

  • “Show me how to load a PDF file in Syncfusion PDF Viewer for React.”
  • “Give an example of enabling text search in Blazor PDF Viewer.”
  • “How do I add annotation support in WPF Syncfusion PDF Viewer?”
  • “Provide sample code to customize the toolbar in MAUI PDF Viewer.”
  • “Show how to load a PDF from a URL in Flutter PDF Viewer.”
  • “How to navigate to a specific page in Winforms PdfViewer?”

List Skills

View all installed skills in your current project or global environment:

npx skills list

Remove a Skill

Uninstall a specific skill from your environment:

npx skills remove <skill-name>

Replace <skill-name> with the name of the skill you want to remove (for example, syncfusion-react-pdf-viewer).

Check for Updates

Check if updates are available for your installed skills:

npx skills check

Update All Skills

Update all installed skills to their latest versions:

npx skills update

FAQ

Which agents and IDEs are supported?

Any Skills compatible agent or IDE that loads local skill files (Visual Studio Code, Cursor, CodeStudio, etc.).

Are skills loaded automatically?

Yes. Once installed, supported agents automatically detect and load relevant skills for Syncfusion‑related queries without requiring additional configuration.

Skills are not being loaded

Verify that skills are installed in the correct agent directory, restart the IDE, and confirm that the agent supports external skill files.

See Also