create-trimble-app

Scaffold form components with proper Modus input integration, event handling, validation, and checkbox bug handling

Scaffold a new Modus wrapper component following established SolidJS patterns with proper TypeScript interfaces, event handling, and cleanup

Debug and fix common event handling problems with Modus web components

Apply the critical checkbox value inversion workaround when working with ModusCheckbox components

Create Modus modals using the callback ref pattern for programmatic control

Help with correct Modus icon usage patterns including naming conventions, sizing, and accessibility

Build production-grade frontend interfaces using the Modus 2.0 Design System with Tailwind CSS. Use this skill when the user asks to build web components, pages, dashboards, or application screens. Enforces the 9-color semantic system, Modus Web Components, Modus Icons, and design system compliance. Framework-agnostic (works with SolidJS, React, Angular, or any framework).

Run comprehensive lint checks for SolidJS + Vite project to ensure design system compliance, type safety, and code quality. Use when making code changes, before completing tasks, or when the user requests lint checks.

Properly set up and clean up event listeners for Modus web components using createEffect and onCleanup patterns

Build production-grade frontend interfaces using the Modus 2.0 Design System with Tailwind CSS. Use this skill when the user asks to build web components, pages, dashboards, or application screens. Enforces the 9-color semantic system, Modus Web Components, Modus Icons, and design system compliance. Framework-agnostic (works with React, Angular, or any framework).

Run comprehensive lint checks for Angular + Vite project to ensure design system compliance, type safety, and code quality. Use when making code changes, before completing tasks, or when the user requests lint checks.

Scaffold form components with proper Modus input integration, event handling, validation, and checkbox bug handling

Scaffold a new Modus wrapper component following established patterns with proper TypeScript interfaces, event handling, and cleanup

Debug and fix common event handling problems with Modus web components

Apply the critical checkbox value inversion workaround when working with ModusCheckbox components

Create Modus modals using the forwardRef + useImperativeHandle pattern for programmatic control

Help with correct Modus icon usage patterns including naming conventions, sizing, and accessibility

Run comprehensive lint checks for React + Vite project to ensure design system compliance, type safety, and code quality. Use when making code changes, before completing tasks, or when the user requests lint checks.

Properly set up and clean up event listeners for Modus web components using useEffect patterns

Style Modus components using custom border and opacity utilities that work with CSS variables, avoiding Tailwind patterns that don't work with runtime CSS variables