Library / Build

Component clone

Spin up a new component that matches an existing one.

Build components ui patterns Claude Code
The prompt
Create a new component like @<existing> but for <use case>. Reuse its props style, file structure, and styling approach — don't invent new conventions.

Why it works

The best reference for “how we do things here” is a file that already does it. Cloning an existing component keeps naming, prop shapes, and styling consistent for free.

Fill in

  • @<existing> — the component to model after.
  • <use case> — what the new component is for.

Follow-ups

  • “Add a loading and empty state like the sibling components have.”