Skills
.Work. You
Rest

canopee-prospect-client

Official

Canopée Prospect & Client UI guide

Software Engineering#react#design-system#client#import-paths#prospect#canopée
AuthorAxaFrance
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Canopée adoption for Prospect and Client often requires consistent guidance to ensure developers use the same APIs, theming approach, and imports across both universes. This Skill provides a structured guide to align usage, parity, and best practices for React integrations.

Core Features & Use Cases

  • Clear guidance on importing from @axa-fr/canopee-react/prospect or @axa-fr/canopee-react/client to ensure consistent theming and tokens.
  • Demonstrates how to apply CSS tokens, the Grid system, and parity between Prospect and Client components for reusable UI.
  • Use Case: a developer rapidly scaffolds a new two-theme app with identical components and APIs in Prospect and Client.

Quick Start

Import a component from @axa-fr/canopee-react/prospect or @axa-fr/canopee-react/client to initialize Canopée CSS and components in your app.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: canopee-prospect-client
Download link: https://github.com/AxaFrance/design-system/archive/main.zip#canopee-prospect-client

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 471,000+ vetted skills library on demand.