skills.rest
richfrem
richfremCOMMUNITY
Explore all skills by this author →
GitHub

bc-gov-design-system

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
One-click install
npx skills add https://github.com/richfrem/claude-design-bc-gov-design-system --skill bc-gov-design-system-richfrem
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
nullhacknullhack
11

design-assets

Update project SVG branding assets to follow branding guidelines.

Community
Intermediate
andronicsandronics
1

color-tools

Generate accessible color palettes and validate WCAG contrast for UI designs.

Community
Intermediate
luanrodriguesluanrodrigues
2

bee:dev-frontend-accessibility

Validate frontend components against WCAG 2.1 AA with axe-core and keyboard tests.

Community
Advanced
ECFN15ECFN15

vibrant-accents

Design modern interfaces with vibrant color accents using a strict color system.

Community
Advanced