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).

2026-03-21

run-lint-checks

ソフトウェア品質保証アナリスト・テスター

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.

2026-03-21

set-up-modus-event-listeners

ソフトウェア開発者

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

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.

2026-02-01

create-modus-form-component

ソフトウェア開発者

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

2026-02-01

create-modus-wrapper-component

ソフトウェア開発者

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

2026-02-01

fix-modus-component-event-issues

ソフトウェア開発者

Debug and fix common event handling problems with Modus web components

2026-02-01

handle-modus-checkbox-value-bug

ソフトウェア開発者

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

2026-02-01

implement-modus-modal-with-refs

ソフトウェア開発者

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

2026-02-01

integrate-modus-icons

ソフトウェア開発者

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

2026-02-01

run-lint-checks

ソフトウェア品質保証アナリスト・テスター

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.

2026-02-01

set-up-modus-event-listeners

ソフトウェア開発者

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

2026-02-01

style-modus-components-with-tailwind

ソフトウェア開発者

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

2026-02-01