Skills
.Work. You
Rest

Graph-AMSA

Official

Keep ASM UI consistent with official design tokens.

Design & Creative#responsive design#design system#brand guidelines#ui design#chat ui#frontend components#css tokens
AuthorAscenseurs-Menetrey-SA
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Graph-AMSA provides a single, authoritative reference for updating the ASM SAV App UI/CSS so the product stays visually consistent across pages, components, and responsive breakpoints.

Core Features & Use Cases

  • Brand identity rules: consistent logo sizing, brand pill badge styling, and header layout patterns.
  • Design tokens & component styling: centralized color palette, typography, spacing/radius, transitions, and reusable UI patterns (buttons, session cards, chat messages, tool cards, steppers, composer, locale switcher).
  • Responsive & role-based UI consistency: mobile-first behaviors, breakpoint-specific rules, and technician vs admin presentation guidance.

Quick Start

Apply Graph-AMSA tokens and component class conventions to your UI change so it matches the ASM SAV App visual identity and responsive behavior.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: Graph-AMSA
Download link: https://github.com/Ascenseurs-Menetrey-SA/amsa-claude-skills/archive/main.zip#graph-amsa

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.