skills.rest
AxaFrance
AxaFranceOFFICIAL
Explore all skills by this author →
WebsiteGitHub

canopee-distributeur

Discover and apply Canopée Distributeur React components and CSS tokens.

29|89|Updated Dec 12, 2023
Search Tags:#documentation#react#design-system#canopée#distributeur
One-click install
npx skills add https://github.com/AxaFrance/design-system --skill canopee-distributeur
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canopee-distributeur
Source: https://github.com/AxaFrance/design-system/tree/main/plugins/canopee-distributeur/skills/canopee-distributeur
Command: npx skills add https://github.com/AxaFrance/design-system --skill canopee-distributeur

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill consolidates the Canopée Distributeur guidelines and references, enabling developers to quickly discover and apply the design system for B2B AXA France internal apps. It directs usage of React components from @axa-fr/canopee-react/distributeur and the corresponding CSS tokens, ensuring consistency across projects.

Core Features & Use Cases

  • Centralized discovery of Distributeur components, patterns, and references for AXA France internal applications.
  • Provides frontmatter-driven identification, a README-like SKILL.md backbone, and a references index for quick lookups.
  • Use cases include building forms, navigation, and UI blocks with consistent styling across teams.

Quick Start

Install and reference the Distributeur packages in your app and consult the references directory for component usage guidance.

Frequently Asked Questions about canopee-distributeur

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

FAQPage Schema
What is the Canopée Distributeur design system used for?▼

The Canopée Distributeur design system provides centralized React components and CSS tokens for building consistent B2B AXA France internal applications. It enables scalable UI implementation through a reference-centric documentation workflow.

How do I use Canopée Distributeur components in my React project?▼

Install the @axa-fr/canopee-react/distributeur package, reference the corresponding CSS tokens, and consult the references directory for component usage guidance to implement forms, navigation, and UI blocks.

Does the Canopée Distributeur design system work for external AXA applications?▼

No, the Canopée Distributeur design system specifically targets AXA France internal B2B applications. It provides consistent component libraries and tokens tailored for internal application requirements across teams.

What design tokens are available in the Canopée Distributeur package?▼

The Canopée Distributeur package provides CSS tokens that ensure styling consistency across projects. These tokens are referenced alongside React components from @axa-fr/canopee-react/distributeur for unified visual implementation.

How do I discover available components in the Canopée Distributeur design system?▼

You can discover components through the references index provided by the skill. It offers quick lookups for Distributeur components, patterns, and references needed for AXA France internal application development.

Can I use Canopée Distributeur without React?▼

The Canopée Distributeur design system is built for React projects, delivering components from @axa-fr/canopee-react/distributeur. Non-React usage is outside its intended scope and documentation workflow.

Related Skills

Explore More Software Engineering Skills→
AxaFranceAxaFrance
29

canopee-prospect-client

Guide React developers on Canopée Prospect and Client imports, APIs, tokens, and theming.

Official
Intermediate
hirefrankhirefrank
3

shadcn-ui-design-validator

Validate shadcn/ui components for branded design tokens and customization.

Community
Advanced
lilbom32lilbom32

design-system-management

Coordinate design tokens, component libraries, and patterns across product teams.

Community
Advanced
EdgeHuntEdgeHunt

ck:ui-styling

Streamline React UI styling with shadcn/ui and Tailwind CSS design systems.

Official
Advanced