Frontend Connect

Wire the AI-generated frontend to the live Supabase backend — replacing mock data and localStorage with real queries.

This skill is called by the vibe-ship orchestrator. FRAMEWORK = nextjs or vite.

1. Apply framework best practices

If FRAMEWORK = nextjs: Invoke next-best-practices If FRAMEWORK = vite: Invoke vercel-react-best-practices

2. Audit the codebase for mock data patterns

Scan for:

• Hardcoded arrays of objects (e.g. const users = [{ id: 1, name: '...' }])
• localStorage.getItem / localStorage.setItem calls
• useState initialised with static data that should be dynamic
• TODO: fetch from API comments