I'll build a Robinhood-style stocks visualizer. Let me first look at the current project setup.

I have everything I need. Robinhood's design is a distinctive, well-known aesthetic: pure black background, signature green (#00C805) for gains / red for losses, a large portfolio value up top, an interactive scrubbable line chart with time-range tabs, and a watchlist with mini sparklines. I'll build this mobile-first with realistic generated market data. Let me set up the project.

Now let me set up the theme and mock data. I'll start with the global styles and a data module.

Now the mock market data module with realistic price series generation.

Now the interactive scrubbable chart — the signature Robinhood feature with touch/mouse scrubbing.

I'll build a self-contained SVG chart with scrubbing interaction, since hand-drawing a price line is appropriate here (not geographic data).

Now the mini sparkline and time-range tabs components.

Now the portfolio home screen. Let me move to that task and build the bottom navigation and stock row components.

Now I'll build the watchlist row, bottom navigation, and the home page.

Now the portfolio overview client component (value, chart, range tabs) and the home page.

Now the home page with header, portfolio overview, and lists.

Now the stock detail screen with navigation.

I'll build the stock detail client view and its dynamic route.

Now the dynamic route for stock detail.

Now let me update the layout with proper metadata, viewport, and a search page so navigation links work. Let me update the layout first.

Now let me build a functional search page so the search nav works.

Now let me verify everything works in the browser. Let me check the dev server and start the verification.

Server is running. Let me verify in the browser using the agent-browser skill.

I'll set an iPhone viewport and capture the home screen.

"Investing" is only an aria-label, not visible text. Let me snapshot and screenshot directly.

Captured home

The home screen looks authentically Robinhood. Let me verify the stock detail page works.

Opened detail

Both screens look authentically like the Robinhood iOS app. Let me verify the range-switching and scrub interaction work, then finalize.

Everything works — range switching, navigation, and the scrubbable chart all function correctly. Let me mark the build complete.

I built a fully-functioning, Robinhood iOS-style stocks visualizer. It nails the signature look: pure black background, the green #00C805 / red loss palette, a big portfolio value with the triangle-and-percent change line, and the interactive scrubbable line chart with the dashed baseline and 1D/1W/1M/3M/1Y/ALL range tabs.

Key features:

• Portfolio home — aggregate value chart (summed from your holdings), buying power, your stocks, and a watchlist with live mini sparklines, plus the bottom tab bar.
• Stock detail screen — per-ticker scrubbable chart, your position (shares, avg cost, equity, today's return), stats grid, an About section, and Buy/Sell action buttons.
• Search — filter the full ticker list by symbol or name, with tap-through navigation to any stock.
• Realistic data — a deterministic seeded random-walk engine generates stable, distinct price series for every ticker and every time range, with chart colors flipping green/red based on direction.

Everything is mobile-first with proper touch targets and iOS viewport settings. Tap any stock to drill in, drag across a chart to scrub through prices, and switch time ranges to recompute the change. Want me to add a buy/sell order flow, real live market data via an API, or a news feed next?