Frontend Engineer (Agentic IDE & Web Platform)

Trefthq

About Us

At Treft, we're rewriting the cloud deployment playbook. As the creators of MistX editor, the first Agentic IDE for DevOps, we're using cutting-edge AI to build the ultimate co-pilot for modern infrastructure.

We believe there are too many parts of the deployment workflow that are manual, error-prone, and soul-crushingly repetitive. From wrestling with YAML and crafting the perfect Dockerfile to scripting complex CI/CD pipelines, we know YOU were meant for more.

So, our mission is clear: empower DevOps engineers to be architects, not just mechanics. Beyond manual configuration, we're creating seamless flows to turn your high-level goals like "deploy this service" into fully configured, production-ready infrastructure. Ready to automate the boilerplate and reclaim your time to innovate?

The Role: What You'll Build

As a key member of our founding engineering team, you will be responsible for crafting the entire user-facing experience of our product. You won't just be building features; you'll be creating the primary interface through which our users interact with our powerful AI agent. This is a high-impact role with ownership over two critical surfaces: our specialized IDE and our web-based dashboard.

Your Responsibilities Will Include:

• Ensure Quality and Performance: Write clean, maintainable, and well-tested code. You will be responsible for the responsiveness, performance, and reliability of the entire frontend.
• Develop the Agentic IDE: Build, maintain, and enhance our specialized IDE (based on VS Code/VSCodium). You'll create the core user experience, including the conversational AI side panel, integrated terminal, and multi-root workspace management.
• Craft the Conversational UI: Design and implement a highly interactive and intuitive chat interface that makes conversing with our AI agent feel seamless, powerful, and natural.
• Build the Web Platform: Develop and own our customer-facing web dashboard using a modern framework (e.g., React, Vue, Svelte). This is the hub for user authentication, subscription management, and security settings like device authorization.
• Implement Secure Authentication: Create a secure, seamless device authorization flow to link the desktop IDE to a user's web account, ensuring the IDE never handles sensitive credentials.
• Champion User Experience: Collaborate with the team to design and implement a world-class "first five minutes" onboarding experience, intuitive visual diffs for file changes, and clear data privacy controls.
Enable Real-Time Collaboration: Work with backend engineers to integrate real-time data streams (via WebSockets/SSE) for features like live progress updates and notifications.

What We're Looking For (Qualifications)

We are looking for a product-minded engineer who is excited about building tools for other developers and has a strong sense of user empathy.

Must-Haves:

• 3+ years of professional experience in frontend development, building complex, user-facing applications.
• Expertise in TypeScript and a deep understanding of modern JavaScript (ES6+).
• Proven experience with a modern frontend framework like React, Vue, or Svelte.
• Strong command of HTML5, CSS3, and experience with component libraries or design systems.
• Experience consuming RESTful or GraphQL APIs, integrating Agentic systems and managing application state (e.g., Redux, MobX, Zustand, etc.).
Solid understanding of Git and modern development workflows.

Huge Bonus Points (Nice-to-Haves):

• Direct experience building VS Code extensions.
• Familiarity with DevOps concepts and tools (e.g., Docker, Kubernetes, CI/CD, Terraform). You don't need to be a DevOps expert, but you should be curious about our users' world.
• Experience with real-time communication technologies like WebSockets or Server-Sent Events (SSE).
• A keen eye for product design, UX, and a passion for creating polished, intuitive interfaces.
Knowledge of security best practices, including OAuth 2.0 and JWTs.

• 
  

Ready to build the future of DevOps? !

<