From 0398544534412baa71122be86c6ed34e61dcb9cb Mon Sep 17 00:00:00 2001 From: sathiyaseelanksf3503 Date: Mon, 23 Mar 2026 21:11:08 +0530 Subject: [PATCH 1/4] 1017554: Updated the skills on pdf viewer --- Document-Processing-toc.html | 3 + Document-Processing/Skills/pdf-viewer-sdk.md | 108 +++++++++++++++++++ 2 files changed, 111 insertions(+) create mode 100644 Document-Processing/Skills/pdf-viewer-sdk.md diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 8a9794681..9b33fde6c 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -16,6 +16,9 @@
  • Spreadsheet Editor SDK +
    • +
  • + PDF Viewer SDK
    • diff --git a/Document-Processing/Skills/pdf-viewer-sdk.md b/Document-Processing/Skills/pdf-viewer-sdk.md new file mode 100644 index 000000000..4baa7ec0e --- /dev/null +++ b/Document-Processing/Skills/pdf-viewer-sdk.md @@ -0,0 +1,108 @@ +--- +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 enable AI assistants to generate accurate pdf viewer code using Syncfusion 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, productionready 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 platformspecific 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: + +- **[Blazor](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/overview)** +- **[React](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/getting-started-overview)** +- **[Flutter](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/flutter/overview)** +- **[.NET MAUI](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/overview)** +- **[WinForms](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/winforms/overview)** +- **[WPF](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/wpf/overview)** + +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](https://nodejs.org/)** (v16 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 +# Install all PDF Viewer SDK skills at once +npx skills add syncfusion/pdf-viewer-sdk-skills -y + +# Choose and install skills interactively from the terminal +npx skills add syncfusion/pdf-viewer-sdk-skills +``` + +Once installed, the skills are automatically registered and available to supported IDEs and AI assistants such as: + +- **[Visual Studio Code (Copilot / Agent Mode)](https://code.visualstudio.com/docs/copilot/customization/agent-skills)** +- **[Code Studio](https://help.syncfusion.com/code-studio/reference/configure-properties/skills)** +- **[Cursor](https://cursor.com/docs/skills)** + +To learn more about managing skills, see the [Skills CLI documentation](https://skills.sh/docs). + +## What's Included + +1. **PDF Viewer API Knowledge** - Curated, platform-specific guidance for working with Syncfusion® 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® recommended practices, including: + - Correct package / NuGet / npm selection per platform + - Proper component initialization and lifecycle 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® 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.” +- “Example of handling page change events in WinForms PDF Viewer.” + +## 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) \ No newline at end of file From 9ef312cbb3775b73fc92e1d0dc155b4f9bb99af7 Mon Sep 17 00:00:00 2001 From: sathiyaseelanksf3503 Date: Mon, 23 Mar 2026 22:10:39 +0530 Subject: [PATCH 2/4] 1017554: Resolved the CI issues --- Document-Processing-toc.html | 2 +- Document-Processing/Skills/pdf-viewer-sdk.md | 48 +++++++++----------- 2 files changed, 23 insertions(+), 27 deletions(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 9b33fde6c..cee38a87a 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -18,7 +18,7 @@ Spreadsheet Editor SDK
  • - PDF Viewer SDK + PDF Viewer SDK
    • diff --git a/Document-Processing/Skills/pdf-viewer-sdk.md b/Document-Processing/Skills/pdf-viewer-sdk.md index 4baa7ec0e..2641fc8c0 100644 --- a/Document-Processing/Skills/pdf-viewer-sdk.md +++ b/Document-Processing/Skills/pdf-viewer-sdk.md @@ -1,6 +1,6 @@ --- 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 enable AI assistants to generate accurate pdf viewer code using Syncfusion PDF Viewer SDK libraries. +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 @@ -9,20 +9,22 @@ 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, productionready PDF Viewer integration code using the Syncfusion® PDF Viewer components across supported platforms. +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 platformspecific setup details—ensuring correct usage, faster onboarding, and fewer integration issues. +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 +## Supported Platforms Syncfusion® PDF Viewer SDK Agent Skills provide guidance for the following platforms: -- **[Blazor](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/overview)** -- **[React](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/getting-started-overview)** -- **[Flutter](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/flutter/overview)** -- **[.NET MAUI](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/overview)** -- **[WinForms](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/winforms/overview)** -- **[WPF](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/wpf/overview)** +| 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. @@ -30,27 +32,21 @@ Each platform’s skill file includes component initialization, property configu Before installing Syncfusion® PDF Viewer SDK Skills, ensure the following: -**[Node.js](https://nodejs.org/)** (v16 or later) - Required to run npx commands for installing skills. +- **[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 -# Install all PDF Viewer SDK skills at once -npx skills add syncfusion/pdf-viewer-sdk-skills -y - -# Choose and install skills interactively from the terminal -npx skills add syncfusion/pdf-viewer-sdk-skills +npx skills add syncfusion/pdf-viewer-sdk-skills --all -y ``` -Once installed, the skills are automatically registered and available to supported IDEs and AI assistants such as: - -- **[Visual Studio Code (Copilot / Agent Mode)](https://code.visualstudio.com/docs/copilot/customization/agent-skills)** -- **[Code Studio](https://help.syncfusion.com/code-studio/reference/configure-properties/skills)** -- **[Cursor](https://cursor.com/docs/skills)** +To install a specific skill, use the following command (for example, to install PDF .Net skills): -To learn more about managing skills, see the [Skills CLI documentation](https://skills.sh/docs). +```bash +npx skills add syncfusion/pdf-viewer-sdk-skills +``` ## What's Included @@ -65,11 +61,11 @@ To learn more about managing skills, see the [Skills CLI documentation](https:// 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® recommended practices, including: - Correct package / NuGet / npm selection per platform - - Proper component initialization and lifecycle usage + - 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 + - `SyncfusionLicense.txt`, or + - `SYNCFUSION_LICENSE_KEY` environment variable Only APIs and patterns explicitly defined in the skill reference files are used. ## How Syncfusion® PDF Viewer SDK Agent Skills Work @@ -91,7 +87,7 @@ Once installed, the assistant can help generate PDF Viewer integration code. Bel - “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.” -- “Example of handling page change events in WinForms PDF Viewer.” +- “How to navigate to a specific page in Winforms PdfViewer?” ## Documentation Reference From 5994754e2f0e38253a86083a5552942eb803b9e6 Mon Sep 17 00:00:00 2001 From: sathiyaseelanksf3503 Date: Mon, 23 Mar 2026 22:27:50 +0530 Subject: [PATCH 3/4] 1017554: Resolved the CI issues --- Document-Processing-toc.html | 1 + Document-Processing/Skills/pdf-viewer-sdk.md | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 92e1b3dd8..7de934cd3 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -20,6 +20,7 @@
  • PDF Viewer SDK
    • +
  • DOCX Editor SDK diff --git a/Document-Processing/Skills/pdf-viewer-sdk.md b/Document-Processing/Skills/pdf-viewer-sdk.md index 2641fc8c0..b90f19c8c 100644 --- a/Document-Processing/Skills/pdf-viewer-sdk.md +++ b/Document-Processing/Skills/pdf-viewer-sdk.md @@ -32,7 +32,7 @@ Each platform’s skill file includes component initialization, property configu Before installing Syncfusion® PDF Viewer SDK Skills, ensure the following: -- **[Node.js](https://nodejs.org/)** (v18 or later) — Required to run `npx` commands for installing skills. +- **[Node.js]("https://nodejs.org/")** (v18 or later) — Required to run `npx` commands for installing skills. ## Installation From 0d0c68068c32f07401ce453aa1aa0a55b240e28c Mon Sep 17 00:00:00 2001 From: sathiyaseelanksf3503 Date: Mon, 23 Mar 2026 22:34:38 +0530 Subject: [PATCH 4/4] 1017554: Resolved the CI issues --- Document-Processing-toc.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 7de934cd3..87b142373 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -20,7 +20,7 @@
  • PDF Viewer SDK
    • -
  • +
  • DOCX Editor SDK