ui-kit

Orders class members in TypeScript classes within the thermidor package following the established convention. Use when creating new classes, refactoring existing ones, or reviewing class structure in packages/thermidor/src/.

Creates and modifies Storybook stories for Atomic components and sample pages. Uses MSW for API mocking, follows ui-kit conventions. Use when creating stories, adding component examples, building sample pages, debugging MSW mock pollution, or when user mentions Storybook, stories, visual testing, or e2e tests that reference stories.

Provides conventions, patterns, and workflow guidance for Quantic Salesforce Lightning Web Components and associated files within packages/quantic. Use when creating, modifying, analyzing, debugging, or reviewing Quantic components, or when the user mentions LWC, Lightning, Salesforce, Quantic components, SLDS, or headless integration in the Quantic package.

Applies WCAG 2.2 Level AA accessibility standards to UI components. Use when creating or modifying UI components, reviewing accessibility, or when users mention accessibility-related terms or concepts (e.g., WCAG, ARIA, a11y, screen readers, keyboard navigation, or contrast).

Provides conventions, patterns, and fixtures for Vitest unit tests in the Atomic package. Use when writing, modifying, or reviewing unit tests, debugging test failures, or when the user mentions testing, spec files, Vitest, or test coverage in the Atomic package.

Creates, validates, and packages Agent Skills following the open standard (agentskills.io). Portable across multiple AI agents. Use when building agent-discoverable capabilities with scripts, references, or assets.

Provides conventions, patterns, and architecture for Atomic Lit web components (custom elements) in packages/atomic. Use when creating, modifying, analyzing, debugging, or reviewing Atomic components, or when the user mentions Lit, custom elements, web components, Atomic components, decorators, or component lifecycle.