This handles the full setup pipeline for Syncfusion's Blazor component library, from scaffolding a new project with the right .NET version to wiring up NuGet packages, service registration, and script references. You get clear guidance on render mode considerations (Auto/WASM needs registration in both server and client projects), plus solid coverage of bUnit testing setup and localization workflows with .resx files. The skill points you to specific markdown references for script loading strategies (static assets vs CDN), globalization config, and culture switching. It's thorough on the mechanical setup parts that Syncfusion's own docs sometimes assume you already know, which makes it useful if you're dropping their Grid or other components into a project for the first time.

skills.sh installs
424
GitHub stars
4
last updated
Aug 21, 2026

Install

$ npx -y skills add syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-common --agent claude-code

Installs into .claude/skills of the current project.

Files

Syncfusion Blazor Getting Started

Setup and configuration guide for Syncfusion Blazor components in Blazor Web Apps.

When to Use

Use this skill when you need to:

  • Set up a new Blazor project with Syncfusion Blazor components
  • Create a Blazor Web App with specific .NET version targeting (net8.0, net9.0, net10.0, etc.)
  • Add Syncfusion components (Grid, Button, etc.) with features based on context
  • Optimize script loading with static assets or CDN
  • Set up bUnit testing for Syncfusion components

Quick Reference

Prerequisites

  • .NET 8+ SDK
  • Blazor Web App project
  • Syncfusion account (free trial)
  • NuGet package access

Sponsors

Details

Repository
github.com/syncfusion/blazor-ui-components-skills
Categories
Frontend Development, Testing & QA, Automation & Workflows, .NET & C#
First seen
Jun 3, 2026

More from syncfusion/blazor-ui-components-skills

All 30
1unclecatvn avatarai-vibe-slidesunclecatvn/agent-skillsCreate beautiful, professional HTML or React slide decks ready for fullscreen presentation. Use this skill when the user wants to: create a PPT/slide/presentati424skills.sh installs
2pproenca avatarfeature-archpproenca/dot-skillsReact feature-based architecture guidelines for scalable applications. This skill should be used when writing, reviewing, or refactoring React code to ensure pr423skills.sh installs
3tristanmanchester avatarstyling-nativewind-v4-expotristanmanchester/agent-skillsSets up and uses NativeWind v4 (Tailwind CSS v3) in Expo React Native apps, including Expo Router. Configures tailwind.config.js, global.css, babel.config.js (j420skills.sh installs
4syncfusion avatarsyncfusion-blazor-dropdownssyncfusion/blazor-ui-components-skillsComprehensive guide for implementing Syncfusion Blazor dropdown components including AutoComplete, ComboBox, DropDown List, MultiSelect Dropdown, and ListBox. U418skills.sh installs
5dalestudy avatartestingdalestudy/skillsReact Testing Library 및 Vitest 기반 테스팅 모범 관례. 다음 상황에서 사용: (1) .test.tsx, .test.ts, .spec.tsx, .spec.ts 파일 작업 시, (2) 컴포넌트 테스트 작성 또는 리팩토링 시, (3) 'test', 'testing',413skills.sh installs
6jwynia avatarrevealjs-presenterjwynia/agent-skillsGenerate RevealJS HTML presentations with reliable layout, professional typography, and effective visual communication. Use when creating slide decks, pitch pre405skills.sh installs