Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions Document-Processing-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,9 @@
<li>
<a href="/document-processing/Skills/spreadsheet-editor-sdk">Spreadsheet Editor SDK</a>
</li>
<li>
<a href="/document-processing/Skills/pdf-viewer-sdk">PDF Viewer SDK</a>
</li>
<li>
<a href="/document-processing/Skills/docx-editor-sdk">DOCX Editor SDK</a>
</li>
Expand Down
104 changes: 104 additions & 0 deletions Document-Processing/Skills/pdf-viewer-sdk.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
---
title: Syncfusion PDF Viewer SDK Agent Skills for AI Assistants | Syncfusion
description: Learn how to install and use Syncfusion PDF Viewer SDK Agent Skills to help AI assistants generate accurate PDF Viewer code using PDF Viewer SDK libraries
platform: document-processing
control: PDF Viewer SDK
documentation: ug
keywords: Skills, AI Assistants, PdfViewer SDK, Agent Skills
---

# Syncfusion PDF Viewer SDK Agent Skills for AI Assistants

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<sup style="font-size:70%">&reg;</sup> PDF Viewer components across supported platforms.

Unlike generic AI suggestions, these skills ground the assistant in official Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer APIs, configuration patterns, and platform specific setup details—ensuring correct usage, faster Onboarding, and fewer integration issues.

## Supported Platforms

Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer SDK Agent Skills provide guidance for the following platforms:

| PDF Viewer Libraries | Skills |
|---|---|
| [Blazor](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/overview) | [syncfusion-blazor-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/main/skills/syncfusion-blazor-pdf-viewer) |
| [React](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/getting-started-overview) | [syncfusion-react-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/main/skills/syncfusion-react-pdf-viewer) |
| [Flutter](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/flutter/overview) | [syncfusion-flutter-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/main/skills/syncfusion-flutter-pdf-viewer) |
| [.NET MAUI](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/overview) | [syncfusion-maui-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/main/skills/syncfusion-maui-pdf-viewer) |
| [WinForms](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/winforms/overview) | [syncfusion-winforms-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/main/skills/syncfusion-winforms-pdf-viewer) |
| [WPF](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/wpf/overview) | [syncfusion-wpf-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/main/skills/syncfusion-wpf-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<sup style="font-size:70%">&reg;</sup> PDF Viewer SDK Skills, ensure the following:

- **[Node.js]("https://nodejs.org/")** (v18 or later) — Required to run `npx` commands for installing skills.

## Installation

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

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

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

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

## What's Included

1. **PDF Viewer API Knowledge** - Curated, platform-specific guidance for working with Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer components, including:
- Loading PDF documents from local files, URLs, and byte streams
- Configuring toolbar items and viewer options
- Zooming, scrolling, and navigation
- Text selection and search
- Annotations (shape, text markup, stamps, etc.)
- Form field interaction
- Event handling (document load, page change, annotation events)
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. **Best Practices & Configuration Patterns** - The skills enforce Syncfusion<sup style="font-size:70%">&reg;</sup> recommended practices, including:
- Correct package / NuGet / npm selection per platform
- Proper component initialization and life cycle usage
- Platform-appropriate configuration for performance and UX
- Syncfusion license setup using:
- `SyncfusionLicense.txt`, or
- `SYNCFUSION_LICENSE_KEY` environment variable
Only APIs and patterns explicitly defined in the skill reference files are used.

## How Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer SDK Agent Skills Work

1. **Reads the relevant platform-specific skill files** - Based on the user’s query (for example, React vs WPF), the assistant loads the appropriate PDF Viewer skill reference.

2. **Generates accurate, platform-specific code** - The assistant:
- Uses the correct component names and APIs
- Applies valid configuration options

## Using the AI Assistant with PDF Viewer Skills

Once installed, the assistant can help generate PDF Viewer integration code. Below are example prompts.

## 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?”

## Documentation Reference

For detailed API documentation and feature explanations, refer to the official Syncfusion PDF Viewer documentation:

- **[React PDF Viewer Overview](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/overview)**

(Equivalent documentation is available for Blazor, Flutter, MAUI, WinForms, and WPF.)

## See Also

- [Syncfusion PDF Viewer Documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/overview)
- [Skills CLI Documentation](https://skills.sh/docs)
- [Agent Skills Standards](https://agentskills.io/home)