Skip to main content

add-ui-component

Add a new frontend UI component that follows the project's conventions — design tokens, styling helpers, and the right server/client setup — so it fits in with everything else. Covers shadcn primitives, app building blocks, and form fields.

Use it when

  • You need a new interface element: a button or input, a layout piece, a form field, a typography element.
  • You want a reusable atomic component added to the in-app component showcase.

Use create-content-component for CMS page-builder sections.

What it helps solve

  • Adds reusable UI pieces that look and behave like the rest of the app.
  • Covers shared buttons, inputs, layout blocks, form fields, and typography pieces.
  • Helps avoid one-off interface code when the same pattern will appear again.

Use create-content-component when editors need to place the section on CMS pages.

See also: UI Project Structure, Design System.