shadcn_ui-dialog
Show modal dialogs with showShadDialog, ShadDialog and ShadDialog.alert; title, description, actions, child content. Use when adding modals, confirmations, or…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,035 results
shadcn_ui-input-otp
Build OTP input with ShadInputOTP, ShadInputOTPGroup, ShadInputOTPSlot; maxLength, inputFormatters, ShadInputOTPFormField. Use when adding one-time password or…
shadcn_ui-menubar
Build desktop-style menubars with ShadMenubar and ShadMenubarItem; nested items, ShadContextMenuItem, dividers. Use when adding a persistent top menu (File,…
shadcn_ui-progress
Show progress with ShadProgress; determinate (value 0–1) or indeterminate. Use when displaying task completion or loading progress in a Flutter shadcn_ui app.
shadcn_ui-separator
Visually separate content with ShadSeparator.horizontal and ShadSeparator.vertical; thickness, margin, radius. Use when adding dividers or visual separation in…
shadcn_ui-switch
Add toggle switches with ShadSwitch and ShadSwitchFormField; label, form validation. Use when adding on/off toggles or switch form fields in a Flutter…
shadcn_ui-table
Build tables with ShadTable.list or ShadTable builder; ShadTableCell.header, ShadTableCell.footer, columnSpanExtent (FixedTableSpanExtent,…
shadcn_ui-tabs
Build tabbed UIs with ShadTabs and ShadTab; value, tabs (content + child label), tabBarConstraints, contentConstraints. Use when adding tab panels or layered…
shadcn_ui-time-picker
Use ShadTimePicker and ShadTimePickerFormField for time selection; trailing widget, period variant. Use when adding time pickers or time form fields in a…
shadcn_ui-toast
Show toasts with ShadToaster.of(context).show(ShadToast); title, description, action, ShadToast.destructive. Use when displaying temporary messages or feedback…
shadcn_ui-tooltip
Show tooltips on hover or focus with ShadTooltip; builder returns tooltip content, child is trigger. Use when adding hover/focus tooltips in a Flutter…
shadcn_ui-typography
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…
mobile-first-designer
Expert responsive design mentor focused on modern mobile UI patterns, touch-friendly interactions, and performance optimization. Reviews layouts for…
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
frontend-data-contracts
A portable, framework-agnostic discipline for type safety at the network edge of any React or React Native app. Establishes one typed API client as the single…
frontend-optimistic-mutations
A portable, framework-agnostic discipline for the write path of any React or React Native app using a query/cache layer. Codifies the optimistic-update…
frontend-seo
A portable, framework-agnostic SEO system for any React or React Native-for-web frontend. Centralizes site metadata in one constants module, derives canonical…
syncfusion-angular-autocomplete
Implement the Syncfusion Angular AutoComplete component for type-ahead text suggestions with data binding, filtering, grouping, templates, virtualization, and…
syncfusion-angular-combobox
Learn to implement Syncfusion Angular ComboBox for single-item selection with data binding, filtering, grouping, templates, and form integration. Covers local…
syncfusion-angular-dropdownlist
Implement the Syncfusion Angular DropDownList component for single-value selection from a predefined list. Use this when users need a dropdown selector,…
syncfusion-angular-list-box
Implement the Syncfusion Angular ListBox component for selection and data display. Use this when building interactive list interfaces with single or multiple…
syncfusion-angular-mention
Implement the Syncfusion Angular Mention component for user tagging with autocomplete suggestions in contenteditable elements. Covers data binding…
syncfusion-angular-multi-select
Implement the Syncfusion Angular MultiSelect Dropdown component (ejs-multiselect) for multi-value selection with checkbox support, tag/chip inputs, and…