mcpField
S
syncfusion-uwp-docx-editor

syncfusion-uwp-docx-editor

github.com/syncfusionドキュメント181 回インストール1 週間前に更新
リポジトリ

syncfusion-uwp-docx-editor について

Syncfusion DOCX EditorをUWPアプリに組み込むC#とXAMLのコード生成を支援するスキルです。編集や書式設定、コメント、文書操作の例と手順を機能別にまとめています。

主な機能

  1. 01UWPエディター統合ガイド
  2. 02編集と書式設定の例
  3. 03コメントと文書保護
  4. 04検索と置換の操作
  5. 05インポートとエクスポート形式
  6. 06参照資料に基づくコード例

活用シーン

  1. 01UWPアプリにDOCXエディターを追加
  2. 02文書を読み取り専用に設定
  3. 03コメントやテキスト検索を実装
  4. 04対応形式の文書を開いて保存

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/syncfusion/docx-editor-sdk-skills --skill syncfusion-uwp-docx-editor

インストール後、Claude Code で/syncfusion-uwp-docx-editorを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
references/
automatic-suggestion.md
background.md
character-format.md
clipboard.md
commands.md
comments.md
determine-editing-context-type.md
document-editor.md
document-properties.md
find-and-replace.md
hyperlink.md
image.md
layout-types.md
lists.md
localization.md
lost-focus-behavior.md
mvvm.md
open-document.md
paragraph-format.md
print.md
radial-menu.md
save-document.md
section-format.md
selection.md
shapes.md
styles.md
table.md
template-and-styling-document-editor.md
undo-redo.md

詳細

Syncfusion UWP DOCX エディター

概要

このスキルは、Syncfusion DOCX エディターをアプリケーションに統合するための UWP コードを開発者が生成できるよう支援します。編集、レビュー、書式設定などに対応した SfRichTextBoxAdv を組み込むための、すぐに使えるスニペットとベストプラクティスを提供します。

主な機能

  • ドキュメント編集: Word ドキュメントを作成、編集、表示します。
  • 保護: 読み取り専用モードを適用し、コメントを許可します。
  • コメント: コメントや返信を追加し、コメント間を移動します。
  • 検索と置換: 自動化のために、プログラムから検索と置換の操作を実行します。
  • インポート/エクスポート: .doc/.docx/.rtf/.html/.xaml/.txt を開いて保存します。
  • クリップボード: 書式設定を含むリッチコンテンツをコピー、切り取り、貼り付けます。
  • ハイパーリンク: ハイパーリンクを挿入、編集し、リンク先に移動します。

前提条件

クイックスタートの例

例 1:ドキュメントエディターを作成する

ユーザー:「ドキュメントエディターコンポーネントを作成するコードを見せてください。」

結果: Syncfusion ドキュメントエディターコントロールを初期化する UWP XAML + C# スニペット。

例 2:読み取り専用の制限モードを有効にする

ユーザー:「読み取り専用の制限モードを備えたドキュメントエディターを作成してください。」

結果: ドキュメントを読み込み、初期化時に読み取り専用の保護を適用する C# スニペット。


ユーザーのプロジェクト用に C# コードを生成する(デフォルト)

トリガーキーワード: "code", "snippet", "how to", "how to write", "show me", "sample", "example code", "generate code", "generate code for", "implement", "implementation", "create", "integrate", "add to component", "add to project", "configure documenteditor", "API example", "usage example", "how do I", "how to use", "document editor", "uwp document editor", "docx editor", "load docx", "comments", "protect document", "find and replace", "MainPage.xaml", "NuGet", "syncfusion"

ワークフロー:

  1. ユーザーのリクエストを分析し、機能(コメント、検索と置換、インポートとエクスポートなど)を特定します。

  2. 関連する references/*.md ファイルを読み、リクエストされた機能の API とコードパターンを確認します。

  3. コードを生成する前に停止します。 ユーザーがすでに受け取り方法を選択しているか確認します。

  4. 受け取り方法がまだ選択されていない場合は、まず次の簡潔な選択式の質問を必ずユーザーに尋ねます。

    「生成したコードをどのように受け取りますか?」

    • オプション 1: 指定したプロジェクトファイル内のコードを置き換える(ファイルパスを指定し、確認する必要があります)
    • オプション 2: コードをチャットウィンドウに直接表示する
  5. ユーザーが受け取り方法を選択した後にのみ、references/*.md の API とスニペットを使用し、ユーザーのプロジェクトの具体的な値にプレースホルダーを置き換えて UWP コードを生成します。

  6. ユーザーが明示的にオプション 1 を選択し、ファイルパスを指定して許可していない限り、ワークスペースのプロジェクトファイルを変更しないでください。

  7. コードを提供した後、完全な UWP スニペットと簡潔な統合手順を提示します。

運用上の制約(出力ディレクトリ、一時ファイル、使用可能なライブラリなど)については、## Rules セクションを参照してください。


コードリファレンス

すべてのコードスニペットとサンプルは references/ フォルダーにあります。各ファイルには次の内容が含まれています。

  • 最小限のコード — そのまま使える動作するコードスニペット
  • プレースホルダー — ユーザーがカスタマイズする必要のある値
  • メモ — ベストプラクティス、この機能を使用する際に留意すべき追加情報や制約
ファイル目的
automatic-suggestion.md@ 文字を使ったテキストの自動候補表示とメンションを設定します。
background.mdドキュメントとエディターコントロールの背景をカスタマイズします。
character-format.mdフォントファミリー、サイズ、スタイル、色などの文字書式を適用します。
clipboard.mdドキュメントエディター内でコピー、切り取り、貼り付けを行います。
commands.md組み込みのエディターコマンドを使用し、コマンドの割り当てを設定します。
comments.mdドキュメントのコメントを挿入、管理、返信、移動、削除します。
determine-editing-context-type.md現在の編集コンテキスト(テキスト、表、画像など)を特定します。
document-editor.mdUWP DOCX Editor を作成、初期化、設定します。
document-properties.md単語数、ページ数、現在のページなど、ドキュメントの統計情報にアクセスします。
find-and-replace.mdテキストを検索し、検索と置換の操作を行います。
hyperlink.mdドキュメント内のハイパーリンクを挿入、編集、管理します。
image.mdドキュメント内の画像を挿入、管理します。
layout-types.mdページレイアウトモード(Pages/Continuous/Blocks)を切り替えます。
lists.md箇条書きと番号付きリストを作成、管理します。
localization.mdリソースと UI カルチャー設定を使ってローカライズを適用します。
lost-focus-behavior.mdエディターのフォーカスが失われたときも、キャレットと選択範囲のハイライトを表示したままにします。
radial-menu.mdコンテキストに応じた操作のためのラジアルメニューを設定、使用します。
mvvm.mdデータバインディングとビューモデルを使って、ドキュメントエディターを MVVM と統合します。
open-document.md同期 API と非同期 API を使って、ファイル、ストリーム、メモリからドキュメントを開いて読み込みます。
paragraph-format.md配置、間隔、インデントなどの段落書式を適用します。
print.mdドキュメントの内容を印刷し、印刷動作を設定します。
save-document.md同期 API と非同期 API を使って、ドキュメントをファイルやストリームに保存、エクスポートします。
section-format.mdページサイズ、余白、ヘッダー/フッターなど、セクション単位の設定を行います。
selection.mdテキスト選択 API、移動、書式設定、キーボードによる選択を操作します。
shapes.mdインポートしたドキュメントのテキストボックスや長方形などの図形を保持し、操作します。
styles.md文字、段落、表、リンクされたスタイルを作成、適用、変更、解除します。
table.md行、列、セル、配置など、表を作成、操作します。
template-and-styling-document-editor.mdコントロールテンプレート、スタイル、コンテキストメニュー、ペイン、エディター UI 全体の外観をカスタマイズします。
undo-redo.mdドキュメント編集操作を元に戻す、やり直す操作を行い、元に戻す動作を設定します。
virtualization.mdUI 仮想化を有効にし、パフォーマンス最適化の手法を適用します。

コード生成の主なルール

  1. SKILL.md にインラインコードを記載しない — 常に references/*.md 内のスニペットを参照してください。このファイルはすべてのプロンプトでコンテキストに読み込まれるため、インラインコードはトークンを無駄にします。

  2. スニペットはテスト済みであること — すべてのコードは、現在の Syncfusion UWP NuGet パッケージ(例:Syncfusion.SfRichTextBoxAdv.UWP)でビルドおよび実行できる必要があります。

  3. 最小限のコード+プレースホルダー+注記 — すべての参照ファイルに、以下を含める必要があります。

    • 最小限のコード(完全に動作するスニペット)
    • プレースホルダー(ユーザーが置き換える値。{{ }} または [PLACEHOLDER] で示します)
    • 注記(ベストプラクティス、フレームワーク固有の調整、制約)
  4. 要件に必要なコードと注記を共有する — 一時ファイルやスクリプトを作成しないでください。

  5. ライセンスの取り扱い — ライセンスキーをハードコードしないでください。環境変数または設定ファイルを参照するよう案内してください。

  6. フレームワークへの適応 — ユーザーが別の指定をしない限り、UWP では C# + XAML をデフォルトとします。

  7. API を捏造しない — 検証済みの Syncfusion DOCX Editor SDK メソッド名のみを使用してください。メソッドを1つ間違えるだけで、ユーザーの信頼を損ないます。

ルール

  • Syncfusion のドキュメントエディター API のみを使用する — 代替の Word エディターライブラリを推奨または使用しないでください。
  • 一時ファイルを作成しない — 出力ディレクトリの外に、一時スクリプト、中間ファイル、ひな形を作成しないでください。
  • コードは C# のみ — 生成するコードはすべて、UWP プロジェクトで有効な C# と XAML でなければなりません。JavaScript、TypeScript、その他の言語は使用しないでください。

コメント