Prompt History

AI chats

About

A small card listing recent AI prompts with a timestamp, letting the user reuse or remove each past prompt.

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

Code

How Prompt History is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { PromptHistory } from "@/components/ui/prompt-history";

export default function PromptHistoryDemo() {
  return (
    <div className="flex w-full items-center justify-center bg-background p-8">
      <PromptHistory
        items={[
          { id: "p1", prompt: "Draft VIP welcome mail", time: "2h" },
          { id: "p2", prompt: "Summarize gate scans", time: "5h" },
          { id: "p3", prompt: "Generate release notes", time: "1d" },
        ]}
        onReuse={(prompt) => console.log("reuse prompt:", prompt)}
      />
    </div>
  );
}