Frontend Engineer

Horizon Ai Tw — Taiwan · Posted ~2 hours ago

Skills

Next.js React TypeScript responsive web development accessibility SEO frontend performance Figma implementation UI component development AI-assisted software development code quality frontend architecture web security Material UI Tailwind CSS Figma AI coding tools

🔓 Log in to save this job, tailor your resume & track your apply process — 7 days free, no card needed.

Log in to add to target list

Summary ✨ AI‑Generated

A Frontend Engineer is sought to independently build and maintain modern web applications with a strong focus on performance, SEO, usability, accessibility, and engineering quality. The primary stack includes Next.js, React, and TypeScript. You will translate product requirements and design files into production-ready interfaces, create reusable UI components, and use AI-assisted development for prototyping, implementation, debugging, refactoring, and code review while maintaining ownership of architecture, security, and maintainability.

Highlights

Frontend engineering role focused on modern web applications with strong emphasis on performance, SEO, usability, accessibility, and engineering quality. The position offers cross-functional collaboration, ownership of production-ready interfaces and architecture, reusable UI development, and effective use of AI-assisted development tools.

Description

We are looking for a Frontend Engineer who can independently build and maintain modern web applications with a strong focus on performance, SEO, usability, and engineering quality. Our primary frontend stack is Next.js + TypeScript. You will work closely with Product, Design, Backend, and Marketing teams to turn product requirements and Figma designs into reliable, production-ready web experiences. We also actively encourage the use of AI coding tools to improve development speed. We are looking for engineers who know how to use AI effectively for prototyping, implementation, debugging, refactoring, and code review — while still taking full ownership of code quality, architecture, security, and maintainability. Responsibilities • Develop and maintain web applications using Next.js, React, and TypeScript • Build responsive, accessible, and production-ready interfaces based on Figma designs • Create and maintain reusable UI components using Material UI (MUI) and/or Tailwind CSS • Design maintainable component structures, state management, and frontend architecture • Integrate REST APIs and handle loading, error, authentication, and edge-case states • Select appropriate Next.js rendering strategies, including SSR, SSG, and ISR • Implement and maintain Technical SEO best practices • Improve website performance and Core Web Vitals • Support tracking implementation using Google Tag Manager (GTM) and GA4 • Work with Marketing and Product teams to implement event and conversion tracking • Build and maintain consistent local development environments using Docker / Docker Compose • Participate in code reviews and maintain engineering standards • Collaborate with Product Managers, Designers, Backend Engineers, and Marketing stakeholders • Use AI coding tools to accelerate development without compromising code quality Requirements • Strong knowledge of JavaScript and TypeScript • Solid experience with React and Next.js • Strong understanding of HTML, CSS, and responsive web development • Experience with at least one modern UI / styling solution, such as Material UI (MUI) or Tailwind CSS • Ability to independently translate Figma designs into production-ready UI • Good understanding of reusable component design and maintainable frontend architecture • Experience integrating frontend applications with REST APIs • Familiarity with Git-based development workflows • Hands-on experience with Technical SEO, including: • Metadata and Open Graph • Semantic HTML • Canonical URLs • Sitemap and robots.txt • Structured Data / Schema Markup • SSR / SSG considerations for SEO • Core Web Vitals • Basic to intermediate hands-on experience with Google Tag Manager and GA4, including events, triggers, variables, and conversion tracking • Experience using Docker to create and maintain frontend development environments • Ability to communicate clearly with both technical and non-technical stakeholders AI-Assisted / Vibe Coding We see AI as a development accelerator, not a replacement for engineering judgment. Experience with tools such as the following is highly valued: • Cursor • Claude Code • GitHub Copilot • Codex • Windsurf • Gemini CLI • Other AI coding agents or developer tools You should be comfortable using AI for: • Requirement breakdown and technical planning • Rapid prototyping and proof-of-concept development • Component and page implementation • Debugging • Refactoring • Test generation • Code review • Documentation • Understanding unfamiliar codebases More importantly, you should be able to evaluate AI-generated code and take responsibility for the final implementation. This includes: • Understanding code before accepting or merging it • Verifying type safety and error handling • Identifying security and dependency risks • Avoiding unnecessary dependencies and over-engineering • Validating changes through linting, type checking, testing, and code review • Controlling the scope of AI-generated changes • Maintaining consistency with the existing codebase and architecture Docker & Development Environment You should be comfortable creating a reliable and repeatable local development environment, including: • Dockerfile • Docker Compose • Node.js runtime and package manager configuration • Environment variable management • Local and development environment configuration • Backend / API service integration • Volume and hot-reload setup • Development documentation and README setup The goal is to ensure that developers can start the project quickly and work in a consistent environment with minimal setup friction. Nice to Have • Experience with Vue 3 and Composition API • Experience with Nuxt • Experience with Google Search Console • Experience with Google Ads, Meta Pixel, or other marketing tracking platforms • Experience with server-side tracking • Experience with Lighthouse or PageSpeed Insights • Understanding of Accessibility / WCAG • Experience with testing tools such as Vitest, Jest, React Testing Library, or Playwright • Experience with GitHub Actions or other CI/CD pipelines • Experience deploying applications to Vercel, AWS, GCP, or similar platforms • Experience with MCP, coding agents, sub-agents, or agentic development workflows • Experience building or maintaining a Design System / Component Library What We Value • You can independently turn a requirement or Figma design into a production-ready feature • You care about maintainability, performance, SEO, and user experience — not just making something work • You can identify technical risks and propose solutions proactively • You know when AI can accelerate development and when engineering judgment is required • You review and validate AI-generated code instead of blindly accepting it • You communicate technical constraints and trade-offs clearly • You take ownership of the quality of what you ship Tech Stack Frontend: Next.js / React / TypeScript / Vue 3 UI: Material UI / Tailwind CSS / Figma SEO & Analytics: Technical SEO / Google Search Console / Google Tag Manager / GA4 Development: Docker / Docker Compose / Git / GitHub AI-Assisted Development: Cursor / Claude Code / Codex / GitHub Copilot / Gemini CLI / other AI coding tools