coderabbit - Design Engineer
Upload My Resume
Drop here or click to browse · PDF, DOCX, DOC, RTF, TXT
Requirements
• 3–7 years of experience in a design engineering, front-end engineering, or web design role with a strong portfolio of shipped marketing websites. • Deep proficiency in React / Next.js, TypeScript, and Tailwind CSS — you write clean, maintainable front-end code. • Strong design eye and working fluency in Figma — you can design, critique, and iterate with confidence. • Demonstrated experience building performant web animations with GSAP and Framer Motion — you understand timelines, scroll-triggered sequences, and layout animations, and you know how to keep them running smoothly without degrading page performance. • Hands-on experience with WebGL and Three.js for creating interactive 3D or particle- based visuals on marketing websites, with a strong understanding of GPU performance, draw calls, and optimization techniques. • A disciplined approach to performance — you measure core web vitals, profile render loops, lazy-load heavy assets, and treat bundle size as a design constraint. • Comfort working in a Git-based workflow (branching, pull requests, code review) and deploying on Vercel or similar platforms. • A portfolio or set of live URLs that demonstrate your ability to ship high-quality, performant web experiences end to end. • Experience building for developer-audience websites where technical credibility and performance expectations are high. • Experience with SVG animation, generative visual techniques, or shader-based effects (GLSL). • Experience working in fast-paced startup environments with high ownership expectations. • 1. Collaborative Humans: Prioritizing collective intelligence • 2. Fearless Innovators: Turning obstacles into growth opportunities • 3. Persistent Passionate Developers: Thriving on complex, long-term challenges • 4. Impact-Driven Creators: Crafting intuitive tools for developers • 5. Rapid Learners and Un-learners: Adapting quickly in our fast-paced technological world
Responsibilities
• Website Ownership & Implementation • Own the front-end implementation of coderabbit.ai http://coderabbit.ai — building and shipping new pages, sections, and interactive experiences in our React/Vite / TypeScript / Tailwind CSS stack. • Translate design concepts (from Figma comps, rough sketches, or your own ideas) into polished, performant, production-ready code. • Build performant animations, transitions, and interactive moments using GSAP, Framer Motion, and WebGL/Three.js that elevate the website experience without compromising page speed or core web vitals. • Maintain and extend our front-end component library, ensuring consistency and reusability across every marketing surface. • Marketing & Campaign Support • Partner with marketing and content teams to design and build landing pages, campaign pages, product announcements, and conversion-focused experiences. • Rapidly prototype and ship web assets for launches, events, and growth experiments with minimal hand-holding. • Create and maintain reusable page templates that empower the marketing team to move faster. • Support visual content needs including social graphics, blog illustrations, email templates, and lightweight motion graphics when needed. • Performance & Quality • Approach every animation and interactive element with a performance-first mindset optimizing for frame rate, bundle size, and perceived load time. • Profile and optimize WebGL scenes, GSAP timelines, and Framer Motion transitions to ensure smooth, performant experiences across devices. • Proactively identify opportunities to improve website performance, accessibility, and overall user experience
Benefits
• 1. Work on cutting-edge technology with real-world impact • 2. Collaborative and innovative environment • 3. Competitive salary, equity, and benefits • 4. Professional development opportunities • Base pay range for this role is $160–190k. Actual salary will be based on job-related skills,
No credit card. Takes 10 seconds.