feat(skills): add skills for Ignite UI for Blazor by georgianastasov · Pull Request #187 · IgniteUI/igniteui-blazor

georgianastasov · 2026-04-28T10:48:50Z

Closes #183

Description

Adds domain-specific skill files for Ignite UI for Blazor AI-assisted development.
This introduces SKILL.md files for:

igniteui-blazor-components
igniteui-blazor-grids
igniteui-blazor-theming
igniteui-blazor-generate-from-image-design

Each skill file provides focused guidance for using Ignite UI Blazor APIs, component setup, common patterns, and known implementation details across components, grids, and theming.

Additional information (check all that apply):

Checklist:

All relevant tags have been applied to this PR
This PR includes general feature table updates in the root README.MD
This PR includes CHANGELOG.MD updates for newly added functionality
This PR contains breaking changes
This PR includes behavioral changes and the feature specification has been updated with them

…vailability

…consistency

Copilot

Pull request overview

Adds Ignite UI for Blazor “skill hubs” (SKILL.md) and domain reference docs under skills/ to guide AI-assisted development across components, grids, theming, and image-to-UI generation.

Changes:

Introduces new skill hubs for components, grids, theming, and generate-from-image-design.
Adds extensive reference markdowns (setup, MCP server setup, patterns, and feature guides) for each domain.
Documents MCP-driven workflows to avoid guessing APIs/tokens and to standardize guidance.

Reviewed changes

Copilot reviewed 25 out of 25 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
skills/igniteui-blazor-theming/SKILL.md	New theming skill hub: palette/tokens/theme switching + MCP workflow
skills/igniteui-blazor-theming/references/common-patterns.md	Theming patterns (built-in themes, runtime toggle, tokens, parts)
skills/igniteui-blazor-theming/references/mcp-setup.md	Theming MCP server setup instructions across editors
skills/igniteui-blazor-grids/SKILL.md	New grids skill hub routing protocol + prerequisites and decision guide
skills/igniteui-blazor-grids/references/structure.md	Grid setup/columns/sorting/filtering/selection reference
skills/igniteui-blazor-grids/references/features.md	Grid features reference (grouping, toolbar, export, etc.)
skills/igniteui-blazor-grids/references/types.md	Grid type-specific reference (GridLite/Tree/Hierarchical/Pivot)
skills/igniteui-blazor-grids/references/data-operations.md	Programmatic sort/filter/group + strategies reference
skills/igniteui-blazor-grids/references/editing.md	Editing/validation/custom editors reference
skills/igniteui-blazor-grids/references/paging-remote.md	Paging/remote data/virtualization reference
skills/igniteui-blazor-grids/references/state.md	Grid state persistence patterns and examples
skills/igniteui-blazor-grids/references/sizing.md	Sizing rules (height/width/row/column sizing + CSS vars)
skills/igniteui-blazor-grids/references/mcp-setup.md	Ignite UI CLI MCP setup instructions for grids skill
skills/igniteui-blazor-generate-from-image-design/SKILL.md	Workflow skill for implementing Blazor UIs from images using Ignite UI
skills/igniteui-blazor-generate-from-image-design/references/component-mapping.md	Image-to-component mapping guide (layout, charts, inputs, etc.)
skills/igniteui-blazor-generate-from-image-design/references/gotchas.md	Common pitfalls (CSS isolation, theming, component quirks)
skills/igniteui-blazor-components/SKILL.md	Components skill hub routing protocol + prerequisites
skills/igniteui-blazor-components/references/setup.md	App setup reference (packages, registration, theme/script requirements)
skills/igniteui-blazor-components/references/mcp-setup.md	Ignite UI CLI MCP setup instructions for components skill
skills/igniteui-blazor-components/references/layout.md	Layout/navigation components reference
skills/igniteui-blazor-components/references/layout-manager.md	Dock/Tile manager reference
skills/igniteui-blazor-components/references/form-controls.md	Inputs/form controls + binding guidance reference
skills/igniteui-blazor-components/references/feedback.md	Dialog/snackbar/toast/banner reference
skills/igniteui-blazor-components/references/data-display.md	Data display/action components reference
skills/igniteui-blazor-components/references/charts.md	Charts/DV components reference

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Adds a set of Copilot skill hubs and reference documents to support AI-assisted development with Ignite UI for Blazor, covering components, grids, theming, and “generate-from-image” workflows.

Changes:

Introduces SKILL.md routing hubs for Ignite UI Blazor components, grids, theming, and image-to-UI generation.
Adds domain reference guides under each skill (setup, MCP server configuration, common patterns, API/feature guidance).
Documents theming MCP usage and common grid/component implementation patterns.

Reviewed changes

Copilot reviewed 25 out of 25 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
skills/igniteui-blazor-theming/SKILL.md	Theming skill hub and agent workflow guidance
skills/igniteui-blazor-theming/references/common-patterns.md	Theming patterns (theme links, token overrides, parts, dark mode)
skills/igniteui-blazor-theming/references/mcp-setup.md	Theming MCP server setup instructions
skills/igniteui-blazor-grids/SKILL.md	Grids skill hub and “mandatory protocol” routing guidance
skills/igniteui-blazor-grids/references/mcp-setup.md	Ignite UI CLI MCP server setup for grid docs/tools
skills/igniteui-blazor-grids/references/structure.md	Core grid setup + columns/sorting/filtering/selection reference
skills/igniteui-blazor-grids/references/types.md	Grid-type-specific guidance (Lite/Tree/Hierarchical/Pivot)
skills/igniteui-blazor-grids/references/features.md	Grid feature reference (grouping, toolbar, export, etc.)
skills/igniteui-blazor-grids/references/editing.md	Editing and validation reference
skills/igniteui-blazor-grids/references/data-operations.md	Programmatic sorting/filtering/grouping reference
skills/igniteui-blazor-grids/references/paging-remote.md	Paging + remote data + virtualization guidance
skills/igniteui-blazor-grids/references/state.md	State persistence reference
skills/igniteui-blazor-grids/references/sizing.md	Grid sizing + spacing tokens guidance
skills/igniteui-blazor-generate-from-image-design/SKILL.md	Image-to-UI implementation workflow + MCP usage guidance
skills/igniteui-blazor-generate-from-image-design/references/component-mapping.md	Design-pattern → component mapping reference
skills/igniteui-blazor-generate-from-image-design/references/gotchas.md	Cross-cutting gotchas/pitfalls for implementations
skills/igniteui-blazor-components/SKILL.md	Components skill hub and routing protocol
skills/igniteui-blazor-components/references/setup.md	App setup requirements (packages, registration, CSS/script)
skills/igniteui-blazor-components/references/mcp-setup.md	Ignite UI CLI MCP setup instructions
skills/igniteui-blazor-components/references/layout.md	Layout/navigation component reference
skills/igniteui-blazor-components/references/layout-manager.md	Dock/Tile Manager reference
skills/igniteui-blazor-components/references/form-controls.md	Form controls + binding guidance
skills/igniteui-blazor-components/references/feedback.md	Dialog/snackbar/toast/banner reference
skills/igniteui-blazor-components/references/data-display.md	Lists/cards/icons/buttons/etc. reference
skills/igniteui-blazor-components/references/charts.md	Charts/data visualization reference

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

…t mode

… link state toggling

Copilot

Pull request overview

Adds Ignite UI for Blazor domain skill hubs and reference guides intended to improve AI-assisted development accuracy by encoding setup, API usage patterns, MCP server configuration, and common gotchas for components, grids, and theming.

Changes:

Introduces SKILL.md hubs for components, grids, theming, and “generate from image design”.
Adds substantial reference documentation (references/*.md) covering setup, feature guides, and MCP server setup/verification.
Documents common Blazor-specific pitfalls and component mapping guidance for image-to-UI workflows.

Reviewed changes

Copilot reviewed 25 out of 25 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
skills/igniteui-blazor-theming/references/mcp-setup.md	Documents editor-specific MCP configuration for theming tools.
skills/igniteui-blazor-theming/references/common-patterns.md	Provides theming patterns: theme linking, dark mode toggles, tokens/parts usage.
skills/igniteui-blazor-theming/SKILL.md	Theming skill hub: MCP-first workflow, rules, and reference routing.
skills/igniteui-blazor-grids/references/types.md	Grid type–specific guidance (Grid Lite, Tree, Hierarchical, Pivot).
skills/igniteui-blazor-grids/references/structure.md	Core grid setup and common features (columns, sorting/filtering/selection).
skills/igniteui-blazor-grids/references/state.md	State persistence patterns and guidance.
skills/igniteui-blazor-grids/references/sizing.md	Sizing/virtualization and layout guidance for grids.
skills/igniteui-blazor-grids/references/paging-remote.md	Paging + remote data/virtualization patterns.
skills/igniteui-blazor-grids/references/mcp-setup.md	Documents editor-specific MCP configuration for Ignite UI CLI tooling.
skills/igniteui-blazor-grids/references/features.md	Higher-level grid features (grouping, summaries, toolbar, export, etc.).
skills/igniteui-blazor-grids/references/editing.md	Cell/row editing and validation patterns.
skills/igniteui-blazor-grids/references/data-operations.md	Programmatic sorting/filtering/grouping guidance and `@ref` usage.
skills/igniteui-blazor-grids/SKILL.md	Grids skill hub: mandatory protocol + routing to references.
skills/igniteui-blazor-generate-from-image-design/references/gotchas.md	Consolidated pitfalls for implementing UIs from images (CSS isolation, theming, etc.).
skills/igniteui-blazor-generate-from-image-design/references/component-mapping.md	UI-pattern → component mapping guidance for image-driven implementation.
skills/igniteui-blazor-generate-from-image-design/SKILL.md	Workflow hub for converting designs/images into Blazor views using Ignite UI.
skills/igniteui-blazor-components/references/setup.md	Base project setup/registration guidance for Ignite UI Blazor.
skills/igniteui-blazor-components/references/mcp-setup.md	Editor-specific MCP configuration for Ignite UI CLI tooling (components domain).
skills/igniteui-blazor-components/references/layout.md	Layout/navigation component guidance (tabs, stepper, navbar, drawer, etc.).
skills/igniteui-blazor-components/references/layout-manager.md	Dock Manager / Tile Manager guidance and key rules.
skills/igniteui-blazor-components/references/form-controls.md	Form controls and binding/EditForm considerations.
skills/igniteui-blazor-components/references/feedback.md	Dialog/snackbar/toast/banner usage guidance.
skills/igniteui-blazor-components/references/data-display.md	Data display/action components (list, card, icons, dropdown, etc.).
skills/igniteui-blazor-components/references/charts.md	Charting/DV component guidance and key rules.
skills/igniteui-blazor-components/SKILL.md	Components skill hub: mandatory protocol + routing to references.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

+<IgbGrid Data="data" PrimaryKey="Id" AutoGenerate="false"
+         Width="100%" Height="500px">


+### 3. Basic grid markup
+
+```razor
+<IgbGrid Data="employees" PrimaryKey="Id" AutoGenerate="false"


+### Option A - Foreign Key (flat data with parent-child relationship)
+
+```razor
+<IgbTreeGrid Data="employees" PrimaryKey="Id" ForeignKey="ManagerId"


+
+| Task | Reference file |
+|---|---|
+| Grid type selection, quick start, column configuration, column templates, column groups, multi-row layout, pinning, sorting UI, filtering UI, selection | [`references/structure.md`](./references/structure.md) |
+| Grouping, summaries, cell merging, toolbar, export, virtualization & performance, row drag, action strip, master-detail, clipboard | [`references/features.md`](./references/features.md) |
+| Tree Grid specifics, Hierarchical Grid specifics, Grid Lite setup, Grid Lite data operations, Pivot Grid setup | [`references/types.md`](./references/types.md) |
+| Programmatic sorting / filtering / grouping, `@ref` access, custom strategies | [`references/data-operations.md`](./references/data-operations.md) |
+| Cell editing, row editing, validation, custom editors | [`references/editing.md`](./references/editing.md) |
+| Paging, remote data, server-side ops, noop strategies, virtual scroll, multi-grid coordination | [`references/paging-remote.md`](./references/paging-remote.md) |
+| State persistence (IgbGridState, feature serialization, save/restore per grid type) | [`references/state.md`](./references/state.md) |
+| Grid sizing (width, height, column sizing, null/px/% modes, cell spacing CSS variables) | [`references/sizing.md`](./references/sizing.md) |


+Mark columns as editable:
+
+```razor
+<IgbGrid Data="employees" PrimaryKey="Id" AutoGenerate="false">


…ings

feat(skills): add skills for Ignite UI for Blazor

48b1b45

georgianastasov added ❌ status: awaiting-test PRs awaiting manual verification blazor: server blazor: wasm labels Apr 28, 2026

georgianastasov and others added 10 commits April 28, 2026 15:32

feat(skills): add igniteui-blazor-generate-from-image-design skill

2c6bcbc

feat(docs): update references to include api tools

e39627f

feat(skills): enhance theming skill

10096d8

feat(skills): update NuGet package references and clarify component a…

58d7623

…vailability

feat(skills): refactor igniteui-blazor-grids skill

2f8c980

feat(skills): update documentation for API reference

620ad43

feat(docs): update key rules in component references for clarity and …

51ffc23

…consistency

feat(skills): update theming skill for clarity and accuracy

2d86bbc

feat(skills): added 'contents' and 'part of' sections

2169e54

feat(skills): update theming skill and remove mcp-usage.md ref

226e8f1

georgianastasov requested a review from kdinev April 30, 2026 08:13

ivanvpetrov requested a review from Copilot April 30, 2026 08:29

Copilot started reviewing on behalf of ivanvpetrov April 30, 2026 08:29 View session

Copilot AI reviewed Apr 30, 2026

View reviewed changes

georgianastasov and others added 3 commits April 30, 2026 11:35

Potential fix for pull request finding

730a70e

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Potential fix for pull request finding

03d0a3c

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

feat(skills): fix addressed review comments

38cd282

ivanvpetrov requested a review from Copilot April 30, 2026 08:43

Copilot started reviewing on behalf of ivanvpetrov April 30, 2026 08:44 View session

Copilot AI reviewed Apr 30, 2026

View reviewed changes

georgianastasov and others added 2 commits April 30, 2026 11:54

Fix for pull request finding

986c895

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

feat(gotchas): add programmatic theme switching example for dark/ligh…

68b8ea5

…t mode

ivanvpetrov requested a review from Copilot April 30, 2026 08:57

Copilot started reviewing on behalf of ivanvpetrov April 30, 2026 08:57 View session

docs(theming): update Approach 2 description for theme preloading and…

abe50e8

… link state toggling

Copilot AI reviewed Apr 30, 2026

View reviewed changes

georgianastasov added 2 commits April 30, 2026 12:03

fix(gotchas): update brush-list properties to use space-separated str…

7d6bef4

…ings

fix(component-mapping): clarify column chart entry in decision matrix

ca7590e

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(skills): add skills for Ignite UI for Blazor#187

feat(skills): add skills for Ignite UI for Blazor#187
georgianastasov wants to merge 19 commits intomasterfrom
ganastasov/add-blazor-skills

georgianastasov commented Apr 28, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

		<IgbGrid Data="data" PrimaryKey="Id" AutoGenerate="false"
		Width="100%" Height="500px">

Conversation

georgianastasov commented Apr 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Additional information (check all that apply):

Checklist:

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

georgianastasov commented Apr 28, 2026 •

edited

Loading