Built for Lovable.dev

Add Haruspex stock scores to your Lovable app

Drop-in React components for live stock scores and market insight articles. Works in any Vite + React app — Lovable, Next.js, CRA — and ships with a ready-to-paste Lovable knowledge prompt.

Open in Lovable (one click)

Pick a ticker. Lovable opens with a prompt that already contains the install, the import, the provider wrap, and the component — its agent does everything in one shot.

After Lovable opens, you only do one thing:
Replace hrspx_embed_REPLACE_ME with your real key. Either edit the .env the agent created, or move the key to Lovable's Environment Variables panel if your project has one.
Don't have a key yet? Contact us.
Or install manually
1. Install
npm install @haruspex-guru/react
2. Add the key to env
VITE_HARUSPEX_KEY=hrspx_embed_...

Need a key? Contact us — self-serve key generation is shipping soon.

3. Use in your app
import { HaruspexProvider, ScoreCard } from "@haruspex-guru/react";
import "@haruspex-guru/react/styles.css";

export default function App() {
  return (
    <HaruspexProvider embedKey={import.meta.env.VITE_HARUSPEX_KEY}>
      <ScoreCard symbol="AAPL" />
    </HaruspexProvider>
  );
}
Lovable knowledge prompt (optional)

The "Open in Lovable" button above already includes everything the agent needs — the knowledge prompt is a backup if you want to paste it into Lovable's Knowledge tab manually. The full prompt also ships inside the npm package as node_modules/@haruspex-guru/react/PROMPT.md.

Browse PROMPT.md on npm
Components
<ScoreCard symbol="AAPL" />
Single live score card.
<ScoresGrid symbols={["AAPL","MSFT","NVDA"]} layout="grid" />
Up to 25 tickers (capped per tier).
<ArticlesFeed symbol="TSLA" limit={5} />
Recent Haruspex Insight articles, optionally filtered by ticker.