serverpod/skills-registry

serverpod/skills-registry

Skill Claude CodeCodex

Use ShadSelect for dropdown option lists; ShadOption, placeholder, selectedOptionBuilder, scrollable groups, ShadSelect.withSearch, ShadSelect.multiple, ShadSelectFormField. Use when adding dropdowns, single/multi select, or searchable select in a Flutter shadcnui app.

serverpod/skills-registry

Skill Claude CodeCodex

Visually separate content with ShadSeparator.horizontal and ShadSeparator.vertical; thickness, margin, radius. Use when adding dividers or visual separation in a Flutter shadcnui app.

serverpod/skills-registry

Skill Claude CodeCodex

Show slide-out panels with showShadSheet and ShadSheet; side (top, right, bottom, left), title, description, actions, child. Use when adding side panels, drawers, or slide-over content in a Flutter shadcnui app.

serverpod/skills-registry

Skill Claude CodeCodex

Use ShadSlider for numeric input within a range; initialValue, max (and min). Use when adding range sliders or numeric selection in a Flutter shadcnui app.

serverpod/skills-registry

Skill Claude CodeCodex

Show toasts with ShadSonner and ShadToast; ShadSonner.of(context), show/hide, title, description, action. Use when showing toast notifications or ephemeral feedback in a Flutter shadcnui app.

serverpod/skills-registry

Skill Claude CodeCodex

Add toggle switches with ShadSwitch and ShadSwitchFormField; label, form validation. Use when adding on/off toggles or switch form fields in a Flutter shadcnui app or ShadForm.

serverpod/skills-registry

Skill Claude CodeCodex

Build tables with ShadTable.list or ShadTable builder; ShadTableCell.header, ShadTableCell.footer, columnSpanExtent (FixedTableSpanExtent, RemainingTableSpanExtent). Use when displaying tabular data or responsive tables in a Flutter shadcnui app.

serverpod/skills-registry

Skill Claude CodeCodex

Build tabbed UIs with ShadTabs and ShadTab; value, tabs (content + child label), tabBarConstraints, contentConstraints. Use when adding tab panels or layered sections in a Flutter shadcnui app.

serverpod/skills-registry

Skill Claude CodeCodex

Use ShadTextarea for multi-line text input; placeholder. ShadTextareaFormField for forms with validation. Use when adding multi-line text fields or bio/description inputs in a Flutter shadcnui app.

serverpod/skills-registry

Skill Claude CodeCodex

Configure Shadcn UI theme and color schemes (ShadThemeData, ShadColorScheme), override colors, use ShadColorScheme.fromName for theme switchers, and add custom colors. Use when theming a Flutter shadcnui app, changing color scheme, or adding custom theme colors.

serverpod/skills-registry

Skill Claude CodeCodex

Use ShadTimePicker and ShadTimePickerFormField for time selection; trailing widget, period variant. Use when adding time pickers or time form fields in a Flutter shadcnui app or ShadForm.

serverpod/skills-registry

Skill Claude CodeCodex

Show toasts with ShadToaster.of(context).show(ShadToast); title, description, action, ShadToast.destructive. Use when displaying temporary messages or feedback in a Flutter shadcnui app.

serverpod/skills-registry

Skill Claude CodeCodex

Show tooltips on hover or focus with ShadTooltip; builder returns tooltip content, child is trigger. Use when adding hover/focus tooltips in a Flutter shadcnui app. Child must use ShadGestureDetector for hover (e.g. ShadButton).

serverpod/skills-registry

Skill Claude CodeCodex

Apply Shadcn UI text styles (h1, h2, p, lead, muted, etc.), set custom font family or Google Fonts, and extend ShadTextTheme with custom styles. Use when styling text, headings, or paragraphs in a Flutter shadcnui app or when changing the default font.