. Key Responsibilities

End-to-End Product Architecture: Design and build complex user workflows from interactive Figma prototypes to fully functional, accessible, and scalable production code.

Component & State Architecture in SvelteKit: Architect modular web applications using SvelteKit, utilizing modern Svelte primitives (runes/stores), SSR/SSG workflows, server endpoints, and reactive form actions to support high-throughput, low-latency interfaces.

Pure CSS Implementation: Develop zero-dependency, maintainable styling systems using native, modern CSS (Custom Properties/Design Tokens, Cascade Layers @layer, Grid/Subgrid, Flexbox, native nesting, and container queries) instead of heavy runtime CSS-in-JS libraries.

Structured AI-Assisted Development: Systematically incorporate AI development tools into the daily workflow using structured prompt engineering, automated unit test generation, and strict code review gates to ensure clean, bug-free, and enterprise-ready implementation.

Cross-Functional Collaboration: Partner with backend engineers, system architects, and product managers to define type-safe API contracts, maintain UI/code consistency, and ensure seamless end-to-end integration.

Usability & Performance Optimization: Conduct user testing on complex workflows; optimize codebases for sub-second load times, zero layout shifts (CLS), cross-browser parity, and strict accessibility standards (WCAG 2.1 AA+).

Required Skills & Experience

Dual-Track Delivery: 4+ years of hands-on experience spanning both UX/UI product design and front-end engineering.

Svelte & SvelteKit Expertise: Demonstrated experience building data-heavy, multi-role web applications or complex SaaS products using SvelteKit.

Modern Native CSS Mastery: Deep understanding of pure CSS architecture without reliance on utility-first frameworks, demonstrating how to write clean, scoped, scalable stylesheets.

Disciplined AI Code Generation: Proven methodology for using AI coding assistants (e.g., Copilot, Cursor) to write code systematically—focusing on validation, edge-case analysis, automated tests, and refactoring rather than unvetted copy-pasting.

Design Systems & Figma: Advanced proficiency in Figma (auto-layout, component variants, tokens) and translating designs directly into semantic CSS variables and reusable Svelte components.

Automated Testing & Quality: Strong experience with unit and integration testing tools (e.g., Vitest, Playwright) to validate both AI-assisted and human-written logic against regressions.

Software Engineering Fundamentals: Solid foundation in Git version control, SOLID/DRY principles, semantic HTML5, and REST/GraphQL API integration.

4. Ideal Candidate Traits

Critical AI Operator: Sees AI as a high-leverage execution accelerator; possesses the engineering rigor to inspect, verify, and secure all AI-generated code.

Standards Purist: Values the speed and efficiency of native browser features and the lightweight nature of SvelteKit and pure CSS over bulky third-party dependencies.

User-Centric Pragmatist: Driven to simplify convoluted user tasks, converting complex business logic into clean, intuitive UI workflows.

View the original posting and apply on Jobs Sniper.