Provides specialized guidance and implementation patterns for the Monto financial platform design system.
This skill equips Claude with expert-level knowledge of the Monto design language, a system specifically optimized for financial invoice and payment management. It provides precise technical specifications for the Monto color palette, typography, and spacing scales, alongside implementation logic for specialized React components like SelectableCards, ExceptionBanners, and sticky-header tables. By using this skill, developers can ensure that all AI-generated UI code maintains brand consistency, visual clarity, and high accessibility standards across the entire Monto platform.
主要功能
01Detailed component specifications for buttons, cards, status badges, and complex tables.
02Standardized spacing system (space-y-6) for consistent vertical rhythm in financial layouts.
03Implementation patterns for specialized UI like Exception Resolution and Section Headers.
040 GitHub stars
05Full color palette integration including Primary Purple (#7B59FF) and specific neutral scales.
06Guidelines for interactive states including hover, active, and disabled behaviors.
使用场景
01Implementing standardized error handling and resolution workflows using Exception Banners.
02Building consistent financial dashboard pages and data-heavy table interfaces.
03Refactoring existing UI components to align with Monto's professional design language.
