Ai native vibe coder

Posted 2 weeks ago

Worldwide

Summary

Context We are looking for an AI-native developer ("Vibe Coder") who can orchestrate complex, high-end web experiences rapidly using tools like Cursor. We are not testing your ability to type boilerplate code; we are testing your architectural thinking, your taste, and your ability to guide AI to create Apple-level, performance-heavy animations. The Task Build a quick, functional single-page Hero Section for the ultra-premium caps brand. The core of this test is implementing an "Apple-Style" scroll-driven animation (video/image sequence scrubbing tied to scroll position). The UX / Animation Flow Initial State: The page loads with a dark, minimalist, "stealth wealth" aesthetic. The center features bold, premium typography (e.g., the word "Brand"). The Scroll: As the user begins to scroll down, the initial text elegantly fades out into the dark. The Reveal: Emerging from the shadows, a high-resolution product (the BRAND cap) appears. The Scrubbing: The rotation of the cap must be tied directly and proportionately to the user's scroll position (scroll-triggered sequence animation). The Climax: As the user scrolls further, the cap must seamlessly rotate to reveal its hidden signature detail: the bright neon orange underbrim, stopping perfectly in focus. Technical Requirements Framework: Next.js + Tailwind CSS. Animation: GSAP (ScrollTrigger) or Framer Motion. Scroll hijacking/smoothing: You must implement a smooth scroll wrapper (e.g., Lenis) to ensure the scrubbing feels buttery smooth and premium, regardless of the user's mouse/trackpad speed. Assets: You may use a placeholder 3D model, a free stock image sequence, or a dummy video file of a rotating object for the test. We care about the logic and smoothness of the implementation, not the asset itself. Evaluation Criteria Performance (60fps): Does the scroll animation stutter, or is it perfectly fluid? Pixel-Perfect Taste: Do you understand premium typography, negative space, and modern dark-mode luxury aesthetics? AI Efficiency: Since you are using AI tools (Cursor, v0), this should not take days. We expect rapid execution combined with expert human fine-tuning.

  • More than 30 hrs/week
    Hourly
  • 6+ months
    Duration
  • Intermediate
    Experience Level
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
Next.js
Tailwind CSS
Vibe
Activity on this job
  • Proposals:10 to 15
  • Last viewed by client:3 days ago
  • Hires:
    1
  • Interviewing:
    8
  • Invites sent:
    25
  • Unanswered invites:
    0
About the client
Member since May 8, 2009
  • Spain
    Malaga1:21 PM
  • $1.9M total spent
    744 hires, 90 active
  • 100,536 hours
  • Sales & Marketing
    Small company (2-9 people)

Explore similar jobs on Upwork

JavaScript
Web Development
Android
WordPress
Web Design
PHP
HTML
HTML5
iOS
Graphic Design
Looking for iso26262 ExpertHourly‐ Posted 4 weeks ago
Data Entry
Social Media Marketing
Risk Analysis
HAZOP
Data Analysis
YouTube Development
Test Development
Risk Assessment
Analytical Presentation
Content Editing
HazID
Email Marketing Strategy
Social Media Optimization
Web Design

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo