Skip to main content

Component Authoring Checklist

Use this checklist before merging any new component.

Product fit​

  • Is the component clearly relevant to hosting websites?
  • Does it solve a real landing-page or dashboard problem?
  • Is the copy credible for a hosting provider?

Design fit​

  • Is the layout clean before it is decorative?
  • Does it use spacing and contrast intentionally?
  • Does it match the existing light-first, professional tone?

Code fit​

  • Is the snippet self-contained and easy to copy?
  • Can it drop into a Tailwind React app without extra setup?
  • Are data arrays and props readable at a glance?

Docs fit​

  • Does the page include a preview?
  • Does it explain when to use the component?
  • Does it include customization notes?

QA fit​

  • Did pnpm typecheck pass?
  • Did pnpm build pass?
  • Did you check the rendered page for spacing and readability?