mcpField
S
syncfusion-aspnetcore-smart-paste

syncfusion-aspnetcore-smart-paste

github.com/syncfusion開発098 回インストール3 週間前に更新
リポジトリ

syncfusion-aspnetcore-smart-paste について

ASP.NET Core で Syncfusion Smart Paste Button を実装するためのガイドです。AI でクリップボードのデータをフォーム項目に割り当て、複数の AI プロバイダーやカスタム推論バックエンドを利用できます。

主な機能

  1. 01クリップボードのデータをフォーム項目に割り当て
  2. 02OpenAI、Azure OpenAI、Ollama に対応
  3. 03項目の注釈でマッピングを改善
  4. 04ASP.NET Core Tag Helper との連携
  5. 05カスタム推論バックエンドに対応

活用シーン

  1. 01クリップボードのデータからフォームを自動入力
  2. 02複雑なフォーム項目の意図を明示
  3. 03Razor Pages や MVC に Smart Paste を追加
  4. 04カスタムまたはオンプレミスの AI サービスに接続

インストール

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

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

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

同梱ファイル

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

references/
annotation.md
customization.md
getting-started.md

詳細

Syncfusion ASP.NET Core Smart Paste Button

概要

Smart Paste Button は、クリップボードのデータを自動的に解析し、コンテキストの理解と意味解析を使用してフォームフィールドにインテリジェントに割り当てる、AI を活用した UI コントロールです。このスキルでは、複数の AI プロバイダーとカスタムバックエンドに対応した Syncfusion コンポーネントを使用して、ASP.NET Core アプリケーションに Smart Paste 機能を実装する方法を説明します。

Smart Paste Button には、次の機能があります。

  • インテリジェントなデータ割り当て： コンテキストを理解し、クリップボードのデータをフォームフィールドに照合します
  • 複数の AI プロバイダー： OpenAI、Azure OpenAI、Ollama、カスタム IChatInferenceService バックエンドに対応します
  • フォームフィールドの注釈： 明示的な説明により、AI の精度とフィールドの意図の理解を向上させます
  • カスタマイズ可能な外観： Button コンポーネントのプロパティをすべて継承し、スタイルとテーマを設定できます
  • クリップボード連携： クリップボードの解析と値のインテリジェントな割り当てを自動的に行います
  • カスタム推論バックエンド： 独自の AI サービスやオンプレミスの AI サービスに対応できる拡張性の高いアーキテクチャです
  • タグヘルパーのサポート： Razor ページと MVC でネイティブの ASP.NET Core TagHelper 統合を利用できます

このスキルを使用する場面

次のような場合にこのスキルを使用してください。

  • クリップボードのデータからフォームを AI で自動入力する
  • Smart Paste 機能のために OpenAI または Azure OpenAI を設定する
  • Ollama またはカスタム AI 推論サービスをセットアップする
  • AI の精度を高めるために、フィールドにインテリジェントな注釈を追加する
  • Smart Paste Button の外観と動作をカスタマイズする
  • 複数フィールドのフォームに Smart Paste を統合する
  • カスタムデータ推論バックエンドを実装する
  • ASP.NET Core の Razor Pages または MVC アプリケーションに適切に統合する

コンポーネントの概要

主な機能：

  • AI による解釈を伴うリアルタイムのクリップボード解析
  • デフォルトプロバイダーによる設定不要のセットアップ
  • 構造化データと非構造化データの両方に対応したクリップボード連携
  • 正確なデータ割り当てを実現するフィールド注釈システム
  • 拡張性の高い推論アーキテクチャ
  • 完全なアクセシビリティへの準拠
  • テーマとスタイルのカスタマイズ

主なプロパティ：

  • Content - ボタンに表示するテキスト
  • CssClass - スタイル設定用の CSS クラス
  • IconCss - ボタンを表すアイコンクラス
  • Disabled - 有効／無効の状態
  • EnableRtl - 右から左へ記述する言語のサポート

ドキュメントのナビゲーション

はじめに

📄 参照： references/getting-started.md

  • 前提条件とシステム要件
  • Syncfusion.EJ2.AspNet.Core NuGet パッケージのインストール
  • AI サービスの設定（OpenAI、Azure OpenAI、Ollama）
  • Razor Pages と MVC のプロジェクト設定
  • タグヘルパーの登録
  • CDN のスタイルシートとスクリプトの設定
  • 最初の Smart Paste 実装の作成
  • 基本的なフォームのセットアップと Smart Paste の統合
フィールドの注釈

📄 参照： references/annotation.md

  • data-smartpaste-description 属性の使用
  • 精度向上のための注釈のベストプラクティス
  • 対応する入力タイプ（text、textarea、select、radio、checkbox）
  • 意図に基づくフィールドの説明
  • 多言語の注釈方法
  • 複雑なフォーム用のフィールドメタデータ
ボタンのカスタマイズ

📄 参照： references/customization.md

  • Smart Paste Button の外観のカスタマイズ
  • CSS クラスとアイコンの設定
  • Button コンポーネントのプロパティの継承
  • スタイルとテーマの設定オプション
  • ボタンのテキストとラベルのカスタマイズ
  • 状態とイベントの処理
カスタム推論バックエンド

📄 参照： custom-inference-backend

  • IChatInferenceService インターフェイスの実装
  • カスタム AI プロバイダーの統合
  • 依存性注入でのサービス登録
  • リクエスト／レスポンス形式の仕様
  • フィールド割り当て用の想定される JSON 構造
  • 複雑な推論シナリオへの対応
  • カスタムバックエンドのテストとデバッグ

コメント

Markdown 対応