bc-gov-design-system

Name: bc-gov-design-system
Availability: InStock
Author: richfrem

Integrate BC Government Design System components with BC Sans font and color palette.

Updated Apr 20, 2026

Search Tags:#branding #accessibility #ui components #bc government design system #bc sans font

Ready to run

npx skills add https://github.com/richfrem/claude-design-bc-gov-design-system --skill bc-gov-design-system-richfrem

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: bc-gov-design-system
Source: https://github.com/richfrem/claude-design-bc-gov-design-system/tree/main/plugins/bc-gov-design-system/skills/bc-gov-design-system
Command: npx skills add https://github.com/richfrem/claude-design-bc-gov-design-system --skill bc-gov-design-system-richfrem

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps ensure that your digital products comply with the BC Government Design System standards, providing a consistent look and feel while maintaining accessibility and branding guidelines.

Core Features & Use Cases

Compliance: Ensures WCAG 2.1 AA compliance and adherence to the BC Government visual identity.
Branding: Integrates BC Government branding elements like the BC Sans font, color palette, and logos.
Components: Offers a wide range of pre-built UI components for quick integration.
Use Case: When building a BC Government digital product, use this Skill to apply the official design system tokens and components, ensuring a professional and accessible user experience.

Quick Start

Integrate the bc-gov-design-system skill into your project and start using the BC Government Design System components.

Frequently Asked Questions about bc-gov-design-system

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

FAQPage Schema

How do I integrate the BC Government design system into my digital product?▼

You can integrate the BC Government design system by copying the provided assets into your project and configuring the correct CSS import paths to apply branding and UI components.

What components are included for BC Government branding compliance?▼

The BC Government branding compliance assets include the BC Sans font, the official color palette, logos, and a wide range of pre-built UI components for digital products.

Does the BC Government design system support WCAG accessibility standards?▼

Yes, the BC Government design system ensures WCAG 2.1 AA compliance and adherence to visual identity guidelines, providing a consistent and accessible user experience.

Can I use pre-built UI components for quick BC Government digital product development?▼

Yes, you can use the pre-built UI components offered by the design system for quick integration, ensuring a professional and accessible user experience for BC Government products.

Do I need to manually copy assets to use the BC Sans font and color palette?▼

Yes, you need to manually copy the provided assets into your project directory to successfully integrate the BC Sans font and color palette using the correct CSS import paths.