/ReactCustomHookBuilder
Generates clean, idiomatic TypeScript React custom hooks with stable callback references, abort controller cancellation, and local storage synchronization.
Web & Frontend🟡 Intermediate#react#hooks
Components
37 commands
/BuildForm
Scaffold a production-ready component for a form layout — e.g. a signup form with email.
Web & Frontend🟢 Beginner#form#inputs
/DocumentForm
Write prop docs and usage examples for a form layout — e.g. a signup form with email.
Web & Frontend🟢 Beginner#form#inputs
/BuildBadge
Scaffold a production-ready component for a status badge component — e.g. a colored badge showing order status.
Web & Frontend🟢 Beginner#badge#status
/DocumentBadge
Write prop docs and usage examples for a status badge component — e.g. a colored badge showing order status.
Web & Frontend🟢 Beginner#badge#status
/RefactorSidebar
Refactor for clarity and smaller units in a collapsible sidebar — e.g. a dashboard sidebar that collapses to icons.
Web & Frontend🟢 Beginner#sidebar#layout
/BuildTable
Scaffold a production-ready component for a data table component — e.g. a sortable table of 200 customer rows.
Web & Frontend🟢 Beginner#table#data
/DocumentTable
Write prop docs and usage examples for a data table component — e.g. a sortable table of 200 customer rows.
Web & Frontend🟢 Beginner#table#data
/RefactorForm
Refactor for clarity and smaller units in a form layout — e.g. a signup form with email.
Web & Frontend🟢 Beginner#form#inputs
/BuildButton
Scaffold a production-ready component for a button component — e.g. a primary cta button with loading and disabled states.
Web & Frontend🟢 Beginner#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 & Frontend🟢 Beginner#button#ui
/RefactorBadge
Refactor for clarity and smaller units in a status badge component — e.g. a colored badge showing order status.
Web & Frontend🟢 Beginner#badge#status
/BuildDropdown
Scaffold a production-ready component for a dropdown or select menu — e.g. a searchable country select dropdown.
Web & Frontend🟢 Beginner#dropdown#select
/DocumentDropdown
Write prop docs and usage examples for a dropdown or select menu — e.g. a searchable country select dropdown.
Web & Frontend🟢 Beginner#dropdown#select
/RefactorTable
Refactor for clarity and smaller units in a data table component — e.g. a sortable table of 200 customer rows.
Web & Frontend🟢 Beginner#table#data
/BuildNavBar
Scaffold a production-ready component for a site navigation bar — e.g. a sticky navbar with a mobile hamburger menu.
Web & Frontend🟢 Beginner#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 & Frontend🟢 Beginner#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 & Frontend🟢 Beginner#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 & Frontend🟢 Beginner#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 & Frontend🟢 Beginner#toast#notification
/RefactorDropdown
Refactor for clarity and smaller units in a dropdown or select menu — e.g. a searchable country select dropdown.
Web & Frontend🟢 Beginner#dropdown#select
/BuildTooltip
Scaffold a production-ready component for a tooltip or popover — e.g. a hover tooltip explaining a disabled button.
Web & Frontend🟢 Beginner#tooltip#popover
/DocumentTooltip
Write prop docs and usage examples for a tooltip or popover — e.g. a hover tooltip explaining a disabled button.
Web & Frontend🟢 Beginner#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 & Frontend🟢 Beginner#navbar#navigation
/BuildModal
Scaffold a production-ready component for a modal or dialog — e.g. a confirmation dialog with focus trap.
Web & Frontend🟢 Beginner#modal#dialog
/DocumentModal
Write prop docs and usage examples for a modal or dialog — e.g. a confirmation dialog with focus trap.
Web & Frontend🟢 Beginner#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 & Frontend🟢 Beginner#toast#notification
/BuildCarousel
Scaffold a production-ready component for an image or content carousel — e.g. a product image carousel with dot indicators.
Web & Frontend🟢 Beginner#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 & Frontend🟢 Beginner#carousel#slider
/RefactorTooltip
Refactor for clarity and smaller units in a tooltip or popover — e.g. a hover tooltip explaining a disabled button.
Web & Frontend🟢 Beginner#tooltip#popover
/BuildCard
Scaffold a production-ready component for a content card component — e.g. a pricing card with a highlighted plan.
Web & Frontend🟢 Beginner#card#layout
/DocumentCard
Write prop docs and usage examples for a content card component — e.g. a pricing card with a highlighted plan.
Web & Frontend🟢 Beginner#card#layout
/RefactorModal
Refactor for clarity and smaller units in a modal or dialog — e.g. a confirmation dialog with focus trap.
Web & Frontend🟢 Beginner#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 & Frontend🟢 Beginner#carousel#slider
/BuildSidebar
Scaffold a production-ready component for a collapsible sidebar — e.g. a dashboard sidebar that collapses to icons.
Web & Frontend🟢 Beginner#sidebar#layout
/DocumentSidebar
Write prop docs and usage examples for a collapsible sidebar — e.g. a dashboard sidebar that collapses to icons.
Web & Frontend🟢 Beginner#sidebar#layout
/RefactorCard
Refactor for clarity and smaller units in a content card component — e.g. a pricing card with a highlighted plan.
Web & Frontend🟢 Beginner#card#layout