Crypto

Build a DeFi Yield Tracker with AI

Track and compare DeFi yields across protocols like Aave, Compound, and Curve with risk ratings, APY history charts, and impermanent loss calculators — all from a static site with no backend required.

Build Prompt

Copy this prompt into Claude Code
Build a DeFi yield tracker as a static HTML/CSS/JS site. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #f7931a. Load all data from inline constants. Define `const PROTOCOLS = [{ id, name, logo (emoji), chain, tvlUsd, auditScore (1-5), category }]` covering Aave, Compound, Curve, Yearn, Convex, Lido, Rocket Pool, GMX, Pendle, and Beefy. Define `const POOLS = [{ id, protocolId, asset, pairAsset, apy, apyBase, apyReward, rewardToken, tvlUsd, riskLevel ("Low"|"Medium"|"High"|"Very High"), riskFactors (array of strings like "Smart contract risk", "IL risk", "Liquidation risk"), chain, poolType ("Lending"|"LP"|"Staking"|"Vault"), audited, lastAuditDate, apyHistory (array of 30 daily values) }]`. Include 25+ pools across all protocols. Define `const CHAINS = ["Ethereum","Arbitrum","Base","Optimism","Polygon"]`. Layout: Fixed header with app name "YieldMap", chain filter tabs, and total TVL counter. Below: two-column layout — left sidebar (220px) with protocol filter checkboxes, pool type filters, risk level filters, min APY slider (0-200%), and "Show audited only" toggle. Right: main content area. Main content: Sort bar (APY desc/asc, TVL, Risk) + search input. Protocol summary cards showing protocol name, logo, chain, number of pools, average APY, and TVL — clicking expands to show individual pools. Each pool row shows: asset icons, pool name, protocol badge, chain badge, APY (highlight if above 10%), TVL, risk badge (color-coded: Low=green, Medium=yellow, High=orange, Very High=red), and "Details" button. Pool detail panel (slide-in from right): APY breakdown chart (base vs reward APY stacked bar), 30-day APY history sparkline, risk factor list with explanations, impermanent loss calculator (input: deposit amount in USD, show IL% at -10% -25% -50% +25% +50% price divergence), protocol audit info, and direct link to protocol. APY history chart: draw a 30-point sparkline using SVG polyline, scale to min/max within the dataset, color green if last > first, red if declining. Impermanent loss formula: `IL = 2*sqrt(priceRatio)/(1+priceRatio) - 1`. Show IL in a small table for single-asset pools note "No IL risk". Include a "Best Yields by Risk" summary section at top showing the highest APY for each risk tier. SEO: title, meta description, OG tags, JSON-LD FinancialProduct schema for the app. All filtering and sorting client-side with zero external requests. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Make It Yours

Portfolio Simulator

Let users enter deposit amounts per pool and see projected annual earnings with compounding options.

APY Alert Thresholds

Store user-defined APY thresholds in localStorage and highlight pools that cross them visually.

Gas Cost Estimator

Add estimated gas cost to enter each pool so users can calculate true net APY after fees.

Risk Score Breakdown

Expand risk cards with weighted scoring across audit quality, TVL stability, and protocol age.

Stablecoin Filter

One-click filter to show only stablecoin pools for users seeking low-volatility yield sources.

Weekly Digest Export

Generate a printable or shareable summary of top yields for the current week with trends.

Update Prompt

Update Prompt — Refresh APY data and add pools
Update my DeFi yield tracker with the following changes: [describe — e.g., "Update Aave USDC lending APY to 4.8%", "Add new pool: Pendle PT-stETH on Ethereum, 14.2% APY, Medium risk, Staking type", "Remove the Convex CRV/ETH pool", "Update 30-day APY history for Curve 3pool with these values: [array]", "Increase Lido stETH TVL to $18.4B"]. Update POOLS array accordingly and redeploy the site.

SEO Tips

Monetization Ideas

Related Ideas

Ready to build your DeFi Yield Tracker?

Copy the prompt above and paste it into Claude Code. Your tracker will be live in minutes.

Get Started