kern-blazor-page

Create and revise Blazor pages using KERN-UX components.

Updated Mar 8, 2026
One-click install
npx skills add https://github.com/mur-dock/KernUx.Blazor --skill kern-blazor-page
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: kern-blazor-page
Source: https://github.com/mur-dock/KernUx.Blazor/tree/main/skills/kern-blazor-page
Command: npx skills add https://github.com/mur-dock/KernUx.Blazor --skill kern-blazor-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation and enhancement of Blazor pages and components by leveraging the KERN-UX Design System, ensuring consistency, accessibility, and adherence to design standards.

Core Features & Use Cases

  • Component Integration: Seamlessly incorporate KERN-UX components into Blazor applications.
  • Project Setup: Guides through necessary project configurations, including NuGet references, service registrations, and stylesheet inclusion.
  • Accessibility Best Practices: Enforces WCAG 2.1 AA compliance through semantic HTML, ARIA attributes, and focus management.
  • Theming: Manages Light and Dark themes out-of-the-box.
  • Use Case: Develop a new user registration page in a Blazor application, utilizing KERN-UX form components for input fields, buttons, and layout, ensuring it is accessible and visually consistent with the KERN-UX design system.

Quick Start

Use the kern-blazor-page skill to create a new Blazor page with a KERN-UX heading and a primary button.

Frequently Asked Questions about kern-blazor-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate KERN-UX components into a Blazor application?

To integrate KERN-UX components into a Blazor application, configure the project with necessary NuGet references, service registrations, and stylesheet inclusions. This setup enables seamless incorporation of the design system into your pages.

What is the best way to ensure Blazor pages meet WCAG 2.1 AA accessibility standards?

Ensuring Blazor pages meet WCAG 2.1 AA accessibility standards involves using semantic HTML, ARIA attributes, and proper focus management. The KERN-UX design system enforces these best practices out-of-the-box for compliant components.

Does KERN-UX support Light and Dark themes for Blazor web development?

Yes, KERN-UX supports Light and Dark themes for Blazor web development out-of-the-box. Theming capabilities are managed automatically to ensure visual consistency across your application's components and layouts.

Can I build a Blazor registration form using the KERN design system?

You can build a Blazor registration form using the KERN design system by utilizing its form components for input fields, buttons, and layout. This ensures the resulting page is accessible and visually consistent.

How do I set up a new Blazor page with a KERN-UX heading and primary button?

Setting up a new Blazor page with a KERN-UX heading and primary button requires using the KernUx.Blazor library. It facilitates the creation and extension of pages while handling namespaces and component integration automatically.

What limitations exist when extending Blazor layouts with the KERN-UX component library?

When extending Blazor layouts with the KERN-UX component library, processing is limited to design system standards and WCAG 2.1 AA compliance. Revisions must conform to available KERN-UX components, namespaces, and form patterns.