Context & Core Loop

I want to build a mobile companion app for "vibecheck.dev". It is a platform that carries out AI-powered security audits for "vibe-coded" apps (built with tools like Cursor, Lovable, v0), with humans in the loop for extra verification. The mobile app should allow users to start new scans by pasting a repository link, view real-time scanning progress, check their audit reports, and read notes from human security engineers.

Target Audience

Indie hackers, startup founders, and developers using AI code-generation tools who need to ensure they aren't shipping critical vulnerabilities.

Design System & Aesthetic ("Professional Polish")

• Theme: Dark mode only, technical, serious, but highly polished. "Hackable but professional."
• Color Palette:
  • Background: Deepest grey/black (#0A0A0A)
  • Surfaces/Cards: Slightly lighter grey (#0C0C0C, #111111)
  • Borders: Subtle dark grey (#222222, #333333)
  • Text: Primary (#E0E0E0), Secondary/Muted (#888888, #555555)
  • Accents: Neon Cyan (#00F0FF) for primary branding, Neon Green (#00FF94) for success, Neon Red (#FF4E4E) for critical issues, Neon Orange (#FF9F00) for warnings.
• Typography:
  • Headers/Body: Inter (sans-serif). Clean, legible.
  • Data/Labels/Monospace: JetBrains Mono. Use heavily for IDs, tracking strings (e.g., AUDIT-ID: VC-9921-X), and code snippets.
  • Signature Style: Frequent use of very small (10px-11px), bold, uppercase text with wide letter-spacing (tracking-widest) for overlines, labels, and metadata.

Core Mobile Screens & Features

1. Home / New Audit (The "Connect" Screen)

• Header: Minimal logo (vibecheck.dev with .dev in cyan).
• Hero Area: "Connect your project" heading (uppercase, tracking wide) over a larger, light text description.
• Input Form: A prominent text input field ("Repository or live URL...") with a "SCAN" button next to or below it.
• Integrations List: A visual grid or horizontal scroll showing supported platforms (GitHub, Lovable, Replit, Bolt, Cursor) in a subdued, bordered state.

2. Scanning State (The "Live Terminal")

• Top Bar: Show the target URL and a "Scan In Progress" monospace label.
• Progress: A dynamic percentage complete indicator.
• Terminal View: A dark card mimicking a terminal window. It should animate sequentially through steps (e.g., "Cloning source...", "Running AI Static Analysis...", "Probing API endpoints..."). Use a typewriter text effect or simple fade-ins with checkmarks/spinners.

3. The Report Dashboard (The "Results")

• Project Header: Show the audit ID and the target project name.