Beadkit
Recommendation Card

Beadkit component

Recommendation card

An agent suggestion with a confidence signal, an alternatives drawer, and a clear confirmation state that keeps the card stable.

Back to gallery

Live preview

Recommendation card preview

Want me to adapt the next lesson?

Start with a focused retrieval exercise, then use the result to select the next lesson.

High confidence

Install this component

Register Beadkit once in your shadcn project.

npx shadcn@latest registry add '@beadkit=https://beadkit.dev/r/{name}.json'
npx shadcn@latest add @beadkit/recommendation-card