bc-gov-blazor

Create BC Government Design System-compliant Blazor components with design tokens.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/richfrem/claude-design-bc-gov-design-system --skill bc-gov-blazor
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bc-gov-blazor
Source: https://github.com/richfrem/claude-design-bc-gov-design-system/tree/main/plugins/bc-gov-design-system/skills/bc-gov-blazor
Command: npx skills add https://github.com/richfrem/claude-design-bc-gov-design-system --skill bc-gov-blazor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires BC Sans font, colors_and_type.css, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps streamline the development of Blazor components and applications by providing a set of pre-defined components and design tokens that align with the BC Government Design System.

Core Features & Use Cases

  • BC Government Design System Compliance: Ensures that all Blazor components are in line with the BC Government's design standards.
  • Component Patterns: Offers a collection of reusable component patterns and CSS styles that can be easily integrated into Blazor projects.
  • Use Case: When building a Blazor application, use this Skill to include pre-designed components like buttons, text fields, alerts, headers, and footers that adhere to the BC Government's branding guidelines.

Quick Start

Use the bc-gov-blazor skill to add the BC Sans font to your Blazor application and link the design tokens CSS file.

Frequently Asked Questions about bc-gov-blazor

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

FAQPage Schema
How do I make my Blazor application compliant with the BC Government Design System?

Make Blazor applications compliant by integrating pre-defined UI components and design tokens that align with BC Government branding guidelines. This provides buttons, headers, and alerts matching official design standards.

Do I need the BC Sans font to build BC Government UI components in Blazor?

Yes, integrating the BC Sans font is required to build BC Government UI components in Blazor. You must add the font and link the design tokens CSS file to ensure text rendering matches provincial branding standards.

What Blazor components can I use for BC Government web applications?

Available Blazor components for BC Government web applications include pre-designed buttons, text fields, alerts, headers, and footers. These reusable patterns integrate CSS styles to maintain consistent branding across your project.

Can I use existing CSS design tokens with Blazor for BC Government compliance?

Yes, you can use existing CSS design tokens with Blazor for BC Government compliance. Linking the colors_and_type.css file applies official design tokens, ensuring your application's styling matches provincial standards.

What's the best way to add BC Government branding to a Blazor project?

The best way to add BC Government branding to a Blazor project is by applying reusable component patterns and CSS styles from a dedicated design system skill. This streamlines development by providing pre-aligned UI elements.