bc-gov-react

Community

Leverage BC Government's design system to build React UIs quickly.

Authorrichfrem
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill unit provides a comprehensive collection of BC Government's Design System components and guidelines for React UI development, streamlining the process of creating compliant and accessible React applications.

Core Features & Use Cases

  • Component Library Access: Utilizes @bcgov/design-system-react-components to integrate a variety of BC Government approved React UI components.
  • Documentation: Offers a full reference of the components and their usage examples, ensuring a smooth integration process.
  • Guidelines: Provides a comprehensive set of rules and best practices for design and development alignment with the BC Government standard.

Quick Start

To install and set up this Skill unit, run the following command:

npm install @bcgov/design-system-react-components @bcgov/bc-sans

Dependency Matrix

Required Modules

@bcgov/design-system-react-components@bcgov/bc-sans

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: bc-gov-react
Download link: https://github.com/richfrem/claude-design-bc-gov-design-system/archive/main.zip#bc-gov-react

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.