claude

layrz-theme

Skills for using layrz-theme components in Flutter projects

8 on GitHubMITupdated 1 month ago
/

Plugin layrz-theme from marketplace layrz-theme in goldenm-software/layrz_theme. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (36)

  • responsive-col

    Use ResponsiveCol in a layrz Flutter widget. Apply when defining a column's width at different breakpoints inside a ResponsiveRow.

  • responsive-row

    Use ResponsiveRow in a layrz Flutter widget. Apply when wrapping ResponsiveCol children in a responsive 12-column grid container.

  • theme-generator

    Use generateLightTheme and generateDarkTheme in a layrz Flutter app. Apply when wiring MaterialApp.theme / darkTheme or customizing primary color and fonts.

  • themed-alert

    Use ThemedAlert in a layrz Flutter widget. Apply when rendering an inline status callout — info/success/warning/danger/context/custom severities with five visual styles (.layrz, .filledTonal, .filled, .outlined, .filledIcon).

  • themed-avatar-picker

    Use ThemedAvatarPicker in a layrz Flutter widget. Apply when adding an image avatar/photo upload field that opens a system image picker and stores result as base64.

  • themed-button

    Use ThemedButton in a layrz Flutter widget. Apply when rendering any tappable action — primary/secondary CTAs, icon-only FABs, destructive actions, cooldown buttons, or the six semantic factories (.save, .cancel, .info, .show, .edit, .delete).

  • themed-checkbox-input

    Use ThemedCheckboxInput in a layrz Flutter widget. Apply when adding a boolean toggle — supports checkbox, switch, and field (dropdown) styles.

  • themed-color-picker

    Use ThemedColorPicker in a layrz Flutter widget. Apply when adding a color selection field — opens a dialog with wheel and/or palette pickers.

  • themed-date-picker

    Use ThemedDatePicker in a layrz Flutter widget. Apply when adding a single date selection field — opens a calendar dialog.

  • themed-date-range-picker

    Use ThemedDateRangePicker in a layrz Flutter widget. Apply when adding a date range selection field — user taps two dates to define start and end.

  • themed-datetime-picker

    Use ThemedDateTimePicker in a layrz Flutter widget. Apply when adding a single date+time selection field — opens a tabbed dialog with calendar and time picker.

  • themed-datetime-range-picker

    Use ThemedDateTimeRangePicker in a layrz Flutter widget. Apply when adding a date+time range selection field — picks start and end datetimes with separate time controls.

  • themed-datetime-stepped-picker

    Use ThemedDateTimeSteppedPicker in a layrz Flutter widget. Apply when adding a date+time field that opens the calendar first, then the time picker as a second separate dialog.

  • themed-dual-list-input

    Use ThemedDualListInput in a layrz Flutter widget. Apply when adding a two-panel list field where users move items between an "Available" and a "Selected" list.

  • themed-duration-input

    Use ThemedDurationInput in a layrz Flutter widget. Apply when adding a time span field (timeout, interval, shift length) that stores a Duration value.

  • themed-dynamic-avatar-input

    Use ThemedDynamicAvatarInput in a layrz Flutter widget. Apply when adding a flexible avatar field that lets the user choose from URL, base64 image upload, icon, or emoji.

  • themed-dynamic-credentials-input

    Use ThemedDynamicCredentialsInput in a layrz Flutter widget. Apply when rendering a schema-driven credentials form for Layrz API protocol entities (InboundProtocol, OutboundProtocol, etc.).

  • themed-emoji-picker

    Use ThemedEmojiPicker in a layrz Flutter widget. Apply when adding a field that lets the user pick a single Unicode emoji from all groups or a filtered subset.

  • themed-file-picker

    Use ThemedFilePicker in a layrz Flutter widget. Apply when adding a file upload field that opens a system file picker and returns base64 + raw bytes.

  • themed-icon-picker

    Use ThemedIconPicker in a layrz Flutter widget. Apply when adding a field that lets the user pick a Layrz icon from the full Solar icon set or a filtered subset.

  • themed-month-picker

    Use ThemedMonthPicker in a layrz Flutter widget. Apply when adding a month + year selection field — opens a grid dialog with month buttons and year navigation.

  • themed-month-range-picker

    Use ThemedMonthRangePicker in a layrz Flutter widget. Apply when adding a multi-month selection field — supports both arbitrary selection and consecutive range mode.

  • themed-multi-select-input

    Use ThemedMultiSelectInput in a layrz Flutter widget. Apply when adding a multiple-value picker field that opens a searchable dialog with checkboxes.

  • themed-number-input

    Use ThemedNumberInput in a layrz Flutter widget. Apply when adding a numeric field with optional min/max bounds, step buttons, and decimal formatting.

  • themed-password-input

    Use ThemedPasswordInput in a layrz Flutter widget. Apply when adding a password creation or login field — includes strength indicator and show/hide toggle.

  • themed-radio-input

    Use ThemedRadioInput in a layrz Flutter widget. Apply when adding a radio button group — renders options in a responsive grid with per-breakpoint column sizing.

  • themed-search-input

    Use ThemedSearchInput in a layrz Flutter widget. Apply when adding a search bar — either a compact icon button that expands into an overlay, or a full-width inline field.

  • themed-select-input

    Use ThemedSelectInput in a layrz Flutter widget. Apply when adding a single-value picker field that opens a searchable dialog list.

  • themed-snackbar

    Use ThemedSnackbar in a layrz Flutter app. Apply when showing transient, dismissible feedback — drop-in replacement for Flutter's ScaffoldMessenger.showSnackBar. Requires a ThemedSnackbarMessenger ancestor.

  • themed-tab-view

    Use ThemedTabView and ThemedTab in a layrz Flutter widget. Apply when adding horizontal tab navigation with Material 3 styling.

  • themed-table-2-migration

    Use when migrating ThemedTable<T> (v1) to ThemedTable2<T> (v2) in a layrz Flutter widget. Apply when a widget uses the old ThemedTable API with onShow/onEdit/onDelete/onMultiDelete/ThemedColumn and needs to be updated.

  • themed-table-2

    Use ThemedTable2<T> in a layrz Flutter widget. Apply when displaying a list of domain objects in a table with sort, search, multiselect, and row actions.

  • themed-text-input

    Use ThemedTextInput in a layrz Flutter widget. Apply when adding any free-text field, multiline textarea, or combobox autocomplete to a form or view.

  • themed-time-picker

    Use ThemedTimePicker in a layrz Flutter widget. Apply when adding a single time-of-day selection field.

  • themed-time-range-picker

    Use ThemedTimeRangePicker in a layrz Flutter widget. Apply when adding a start + end time selection field.

  • themed-tooltip

    Use ThemedTooltip in a layrz Flutter widget. Apply when wrapping any child with a hover/long-press hint — drop-in replacement for Flutter's Tooltip that preserves child tap gestures.

View source on GitHub pub.dev

Maintain layrz-theme?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted