bc-design
CommunityCreate well-branded interfaces and assets for B.C. Government Design System.
Authorrichfrem
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive design guidelines, color/token systems, assets, and UI kit components for the B.C. Government Design System, enabling you to create consistent and accessible digital services for BC government websites and apps.
Core Features & Use Cases
- Design Guidelines: Offers full brand guidelines, visual foundations, and content tone for consistent design.
- Color/Type Tokens: Provides CSS custom properties for colors, typography, spacing, radius, shadows, and more.
- Assets: Contains the official BC Government logo and BC Sans typeface files.
- UI Kit Components: Includes a full interactive UI kit for prototyping or production with components like buttons, inputs, alerts, navigation, calendars, and more.
- Use Case: For a web developer looking to build a government website or app, this Skill can provide the necessary tools and assets to ensure a consistent and accessible design in line with BC government standards.
Quick Start
Use the bc-design skill to build a well-branded BC government website using the provided UI kit components and design guidelines.
Dependency Matrix
Required Modules
BCSans-*.woff2colors_and_type.css
Components
assetsscriptsreferencesui_kits
💻 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-design Download link: https://github.com/richfrem/claude-design-bc-gov-design-system/archive/main.zip#bc-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.