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
Target "best DeFi yields 2026", "highest APY crypto", and "DeFi yield comparison" in your meta description and h1.
Add JSON-LD FinancialProduct schema for each protocol listing with aggregateRating and offers fields.
Create anchor sections like "#stablecoin-yields" and "#eth-staking-apy" to capture long-tail protocol-specific searches.
Include a brief "What is APY vs APR in DeFi?" explainer section to rank for educational queries with high purchase intent.
Add a last-updated timestamp prominently so Google treats the page as fresh content worth recrawling frequently.
Monetization Ideas
Affiliate referral links to each protocol — many DeFi protocols offer referral programs paying 10-20% of fees generated.
Sell a "DeFi Yield Pro" tier with email APY alerts, CSV export, and portfolio tracking via a Stripe paywall.
Sponsored protocol placement — protocols pay to be featured at the top of relevant category filters.
Offer a managed DeFi strategy consultation service ($99-$499) for users wanting personalized yield allocation advice.
Display newsletter signup for a weekly "Top 5 Yields" email and monetize the list with sponsored protocol mentions.