Enforce AXA Canopée editorial design system for cockpit UI screens.
npx skills add https://github.com/edupazogle/agentic_cockpit --skill design-edupazogle
Please help me install this Agent Skill. Skill: design Source: https://github.com/edupazogle/agentic_cockpit/tree/main/.agents/skills/design Command: npx skills add https://github.com/edupazogle/agentic_cockpit --skill design-edupazogle
This Skill prevents generic, inconsistent UI styling by enforcing a single AXA Canopée editorial design language and layout/motion contracts for cockpit screens.
Use the design skill to produce a production-ready, AXA-aligned UI/CSS spec for a new cockpit screen with the correct layout recipe and state-driven animations.
High-intent search queries and answers about installing and using this skill.
Apply a consistent design system to cockpit UI screens by enforcing a single AXA Canopée editorial language with named-token palette constraints, serif/mono typographic hierarchy, and deterministic layout zone contracts to prevent generic styling and collisions.
Structure operational cockpit layout zones using deterministic, non-overlapping geometry for runhead, pan, activity, and inspector regions to avoid collisions and preserve the operational cockpit chrome across iterative screen builds.
Add state-driven motion to UI components using a railway-inspired animation library constrained to short durations and reduced-motion compliance, triggering animations only during state changes like live, hitl, hazard, and done.
Use established screen recipes like Editorial long-form, Operational canvas, Three-column compose, and Card grid to generate UI mockups and production-ready screens instead of inventing new page structures.
The AXA editorial design system does not support backend-only work; it focuses exclusively on building new UI screens, restyling existing pages, producing mockups, and generating UI assets for cockpit interfaces.
Use named CSS tokens and editorial typography for production UI to satisfy strict AXA color constraints and maintain a recognizable serif/mono typographic hierarchy that keeps cockpit screens consistent across iterations.
RocapineCompose a ComposableScreen UIElement tree from the host app's design system.
Randy-C-XTranslate design requirements into tokens, components, and layout patterns for frontend interfaces.
Luqman-Ud-DinDetect CSS animations and transitions lacking prefers-reduced-motion media query coverage.
harshilLakhani22Design minimalist user interfaces with editorial typography and monochrome color systems.
