/BuildForm
Scaffold a production-ready component for a form layout — e.g. a signup form with email.
Web & Frontendadvanced#form#inputs
Components
36 commands
/DocumentForm
Write prop docs and usage examples for a form layout — e.g. a signup form with email.
Web & Frontendadvanced#form#inputs
/BuildBadge
Scaffold a production-ready component for a status badge component — e.g. a colored badge showing order status.
Web & Frontendmedium#badge#status
/DocumentBadge
Write prop docs and usage examples for a status badge component — e.g. a colored badge showing order status.
Web & Frontendmedium#badge#status
/RefactorSidebar
Refactor for clarity and smaller units in a collapsible sidebar — e.g. a dashboard sidebar that collapses to icons.
Web & Frontendmedium#sidebar#layout
/BuildTable
Scaffold a production-ready component for a data table component — e.g. a sortable table of 200 customer rows.
Web & Frontendadvanced#table#data
/DocumentTable
Write prop docs and usage examples for a data table component — e.g. a sortable table of 200 customer rows.
Web & Frontendadvanced#table#data
/RefactorForm
Refactor for clarity and smaller units in a form layout — e.g. a signup form with email.
Web & Frontendadvanced#form#inputs
/BuildButton
Scaffold a production-ready component for a button component — e.g. a primary cta button with loading and disabled states.
Web & Frontendeasy#button#ui
/DocumentButton
Write prop docs and usage examples for a button component — e.g. a primary cta button with loading and disabled states.
Web & Frontendeasy#button#ui
/RefactorBadge
Refactor for clarity and smaller units in a status badge component — e.g. a colored badge showing order status.
Web & Frontendmedium#badge#status
/BuildDropdown
Scaffold a production-ready component for a dropdown or select menu — e.g. a searchable country select dropdown.
Web & Frontendadvanced#dropdown#select
/DocumentDropdown
Write prop docs and usage examples for a dropdown or select menu — e.g. a searchable country select dropdown.
Web & Frontendadvanced#dropdown#select
/RefactorTable
Refactor for clarity and smaller units in a data table component — e.g. a sortable table of 200 customer rows.
Web & Frontendadvanced#table#data
/BuildNavBar
Scaffold a production-ready component for a site navigation bar — e.g. a sticky navbar with a mobile hamburger menu.
Web & Frontendeasy#navbar#navigation
/DocumentNavBar
Write prop docs and usage examples for a site navigation bar — e.g. a sticky navbar with a mobile hamburger menu.
Web & Frontendeasy#navbar#navigation
/RefactorButton
Refactor for clarity and smaller units in a button component — e.g. a primary cta button with loading and disabled states.
Web & Frontendeasy#button#ui
/BuildToast
Scaffold a production-ready component for a toast notification system — e.g. a stacked toast queue for success and error messages.
Web & Frontendadvanced#toast#notification
/DocumentToast
Write prop docs and usage examples for a toast notification system — e.g. a stacked toast queue for success and error messages.
Web & Frontendadvanced#toast#notification
/RefactorDropdown
Refactor for clarity and smaller units in a dropdown or select menu — e.g. a searchable country select dropdown.
Web & Frontendadvanced#dropdown#select
/BuildTooltip
Scaffold a production-ready component for a tooltip or popover — e.g. a hover tooltip explaining a disabled button.
Web & Frontendeasy#tooltip#popover
/DocumentTooltip
Write prop docs and usage examples for a tooltip or popover — e.g. a hover tooltip explaining a disabled button.
Web & Frontendeasy#tooltip#popover
/RefactorNavBar
Refactor for clarity and smaller units in a site navigation bar — e.g. a sticky navbar with a mobile hamburger menu.
Web & Frontendeasy#navbar#navigation
/BuildModal
Scaffold a production-ready component for a modal or dialog — e.g. a confirmation dialog with focus trap.
Web & Frontendmedium#modal#dialog
/DocumentModal
Write prop docs and usage examples for a modal or dialog — e.g. a confirmation dialog with focus trap.
Web & Frontendmedium#modal#dialog
/RefactorToast
Refactor for clarity and smaller units in a toast notification system — e.g. a stacked toast queue for success and error messages.
Web & Frontendadvanced#toast#notification
/BuildCarousel
Scaffold a production-ready component for an image or content carousel — e.g. a product image carousel with dot indicators.
Web & Frontendeasy#carousel#slider
/DocumentCarousel
Write prop docs and usage examples for an image or content carousel — e.g. a product image carousel with dot indicators.
Web & Frontendeasy#carousel#slider
/RefactorTooltip
Refactor for clarity and smaller units in a tooltip or popover — e.g. a hover tooltip explaining a disabled button.
Web & Frontendeasy#tooltip#popover
/BuildCard
Scaffold a production-ready component for a content card component — e.g. a pricing card with a highlighted plan.
Web & Frontendmedium#card#layout
/DocumentCard
Write prop docs and usage examples for a content card component — e.g. a pricing card with a highlighted plan.
Web & Frontendmedium#card#layout
/RefactorModal
Refactor for clarity and smaller units in a modal or dialog — e.g. a confirmation dialog with focus trap.
Web & Frontendmedium#modal#dialog
/RefactorCarousel
Refactor for clarity and smaller units in an image or content carousel — e.g. a product image carousel with dot indicators.
Web & Frontendeasy#carousel#slider
/BuildSidebar
Scaffold a production-ready component for a collapsible sidebar — e.g. a dashboard sidebar that collapses to icons.
Web & Frontendmedium#sidebar#layout
/DocumentSidebar
Write prop docs and usage examples for a collapsible sidebar — e.g. a dashboard sidebar that collapses to icons.
Web & Frontendmedium#sidebar#layout
/RefactorCard
Refactor for clarity and smaller units in a content card component — e.g. a pricing card with a highlighted plan.
Web & Frontendmedium#card#layout