Can I vibecode Browse AI?

Build a full-stack, production-ready web application that replicates the core functionality and value proposition of Browse Ai. This should not be a generic tool, but a highly specific implementation tailored for its core audience.

### 1. App Specifics & Value Proposition
**Core Value:** No-code web scraping and automation workflows.
This is what makes the app specifically worth paying for. You must prioritize these features and ensure they are highly polished, accurate, performant, and reliable. The user experience must mirror the premium feel of Browse Ai.

### 2. Specific Screens & Exact UX
- **Workflow Builder:** Visual node-based editor.
- **Selector Tool:** Point-and-click interface on an iframe to select elements.
- **Run Logs:** History of task executions and exported data.
The UX should include dynamic micro-animations, loading skeletons, and interactive hover states to feel extremely responsive. Use modern design tokens (Tailwind or similar) to ensure aesthetic excellence.

### 3. Data Model & Schema (Specifics)
Implement the following database schema (using PostgreSQL or a suitable NoSQL alternative). Ensure strict typing (e.g., Prisma or Drizzle ORM):
- `workflows` (id, trigger, steps_json)
- `runs` (id, workflow_id, status, start_time, end_time)
- `extracted_data` (run_id, json_payload)
Include proper indexes on frequently queried fields and foreign keys for relational integrity.

### 4. Core User Journeys (Step-by-Step)
1. Start new workflow, enter target URL.
2. Click on elements to extract (lists, text, images).
3. Schedule daily run and send to Google Sheets.
Ensure each step is frictionless and handles edge cases (like empty states or network errors) gracefully.

### 5. Technical Specifics (APIs, Protocols, Algorithms)
- Puppeteer/Playwright for executing automations.
- Proxy rotation networks to avoid blocking.
- DOM mutation observers for dynamic content.
Ensure you implement proper rate limiting, caching (Redis), and background job processing (e.g., BullMQ, Celery) for any heavy computational or network-bound tasks. The architecture must support horizontal scaling for these workloads.

### 6. Implementation Requirements
- Tech Stack: Use modern frameworks (e.g., Next.js, React, Node.js, or similar) as appropriate.
- UI/UX: Implement a premium, responsive design with clear data visualization where necessary.
- Security & Auth: Implement robust user authentication and authorization (e.g., NextAuth, Supabase).
- Error Handling: Ensure graceful error states, especially for data fetching or scraping tasks.
- Monetization: Scaffold Stripe integrations for recurring subscriptions reflecting the real app's pricing tiers.