redrob-labs

Second Opinion Addition

AI chats

About

A small annotation block attached under an AI answer that flags a point a second model added which the first answer missed.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Second Opinion Addition to your project and fits it to your theme.

Code

How Second Opinion Addition is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import OpinionAdded from "@/components/ui/opinion-added";

export default function OpinionAddedDemo() {
  return (
    <div className="w-full max-w-xl mx-auto p-6 text-[15px] leading-6 text-foreground">
      <p className="m-0">
        Switching from a 30-year fixed to a 15-year fixed mortgage usually
        raises your monthly payment but lowers the total interest you pay over
        the life of the loan.
      </p>
      <OpinionAdded by="Claude">
        <p>
          It also shortens how long your home is exposed to property-tax and
          insurance increases, since you reach full ownership in half the time.
        </p>
      </OpinionAdded>
    </div>
  );
}

More by redrob-labs

View all
  • Alert

    Alert

    18
  • Schedule Picker

    Schedule Picker

    15
  • Hero Section

    Hero Section

    7
  • Switch

    Switch

    5
  • Status Card

    Status Card

    4
  • Meter

    Meter

    2
  • Memory Scope

    Memory Scope

    2
  • Accordion

    Accordion

    2

More in AI chats

View all
  • AI Actions

    AI Actions

    318
  • Agent Chat

    Agent Chat

    17
  • Message Thread

    Message Thread

    34
  • System Message

    System Message

    53
  • AI Task List

    AI Task List

    159
  • Color Picker

    Color Picker

    78
  • Code Block

    Code Block

    8
  • Modal Card

    Modal Card

    100