TEMPORARY - Benchmark comparison implementation guide. Remove after feature is complete.
⚠️ This is a temporary skill - Delete this skill once the benchmark comparison feature is fully implemented and deployed.
| Feature | Free | Pro |
|---|---|---|
| Market Indices | S&P 500, Nasdaq, Dow | All |
| Sector ETFs | Auto-matched only | All 11 |
| Magnificent 6 | No | Yes |
| Custom symbols | No | Yes |
| Historical periods | 1Y, 3Y, 5Y | + 10Y, max |
packages/types/src/benchmarks.ts — Benchmark interfaces and tier limits/free tier configapps/web/src/lib/subscription.ts — Server-side tier checkingapps/web/src/hooks/use-subscription.ts — Client hookGET /stocks/:symbol/benchmarks endpoint in apps/api/src/index.tsgetSectorBenchmark(sector) using existing SECTOR_ETFSbenchmark-selector.tsx — HeroUI Select with multi-selectstock-returns-card.tsx — Multi-benchmark supportupgrade-prompt.tsx — Pro upgrade CTAstocks/page.tsx — Fetch sector, auto-select benchmarks// Auto-match sector ETF based on stock's sector
import { SECTOR_ETFS } from "@stockfind/types";
const sectorETF = SECTOR_ETFS[companyProfile.sector]; // e.g., "XLK" for Technology
By default, show:
User can toggle:
Unlock:
Remember: Delete this skill file after the feature is complete and merged.