mcpField
S
syncfusion-aspnetcore-theme

syncfusion-aspnetcore-theme

github.com/syncfusionデザイン・UI0107 回インストール3 週間前に更新
リポジトリ

syncfusion-aspnetcore-theme について

Syncfusion ASP.NET Core コンポーネントを使う開発者向けのテーマと外観のガイドです。テーマの選択、配信方法、ブランドに合わせたカスタマイズを扱います。

主な機能

  1. 01テーマの選択とカスタマイズ
  2. 02CDN、NPM/SCSS、LibMan、ローカル配信
  3. 03Theme Studio または SCSS による変数の上書き
  4. 04動的テーマとサイズモード

活用シーン

  1. 01Bootstrap や Material テーマの選定
  2. 02テーマ切り替えやダークテーマの実装
  3. 03ブランドに合わせたコンポーネントの外観調整

インストール

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

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

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

同梱ファイルreferences/theme-appearance.md

詳細

Syncfusion ASP.NET Core — テーマと外観

テーマの選択、適用方法、外観に関する懸念事項の概要です。詳細な例、SCSS のスニペット、Theme Studio の使い方、コードサンプルは、各懸念事項のリファレンスファイルに記載されています。

使用する場面

  • テーマ（Bootstrap、Material、Tailwind、Fluent など）の選択またはカスタマイズ
  • 動的なテーマ切り替え、またはタッチ／サイズモードの実装
  • SCSS または Theme Studio を使った変数のカスタマイズ

クイックチェックリスト

  • テーマの適用方法を選択します：CDN、NPM/SCSS、LibMan、またはローカルファイル
  • CDN またはパッケージのバージョンを、インストール済みの Syncfusion パッケージと合わせます
  • ブランドに合わせたカスタマイズには Theme Studio または SCSS のオーバーライドを使用します
  • アクセシビリティを確保するため、サイズモード（.e-bigger）とダークバリアントをテストします

参考資料

コメント

Markdown 対応