axa-design
CommunityDesign AXA-branded interfaces fast.
Design & Creative#typography#prototyping#design tokens#material symbols#ui kit#axa design system#french insurer
Authoredupazogle
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill removes the friction of building AXA France–branded UI by providing ready-to-use design tokens, typography rules, and branded UI kit components across the Prospect, Client, and Distributeur universes.
Core Features & Use Cases
- Generate brand-consistent UI and artifacts: Create throwaway prototypes, slides, and HTML/CSS artifacts using the provided tokens (AXA Blue, neutrals, semantic colors, radii, spacing, shadows) and typography (Publico Headline, Source Sans 3).
- Match the right universe quickly: Apply universe-specific patterns for Apollo (Prospect), LF (Client), and Slash (Distributeur) to ensure correct density, corner radius, and interaction styling.
- Prototype or produce production-ready code: Lift and adapt UI kit components from
ui_kits/<universe>/and apply the operational rules described in the manifest for production-style implementation, including iconography constraints (Material Symbols Outlined).
Quick Start
Use the axa-design skill to create a single-page AXA Apollo (Prospect) landing mock for “Demander un devis” in French, based on the tokens from colors_and_type.css and the Apollo UI kit components.
Dependency Matrix
Required Modules
None requiredComponents
assetsreferences
💻 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: axa-design Download link: https://github.com/edupazogle/agentic_cockpit/archive/main.zip#axa-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 471,000+ vetted skills library on demand.