> Markdown version of [/jobs/ext/2730505-founding-design-engineer](https://www.wearedevelopers.com/jobs/ext/2730505-founding-design-engineer). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Founding Design Engineer - **Company:** ONE STOP COLLECTIBLE CORP - **Location:** San Francisco, CA, United States - **Experience:** Expert - **Salary:** $180,000.0 - $220,000.0 - **Contract:** Permanent contract - **Skills:** Computer Animation, Artificial Intelligence, Software as a Service, Cursor (Graphical User Interface Elements), TypeScript, Web Content Accessibility Guidelines, Tailwind, ReactJS, Generative AI, Material UI, Playwright, Front End Software Development - **Published:** September 5, 2026 - **Apply:** https://startup.jobs/founding-design-engineer-clera-9900133 ## About the Role * 5 or more years building polished product interfaces, with a portfolio of shipped features to show for it. * Hands-on ownership of a design system or component library in production as the primary owner, demonstrable via a public repo, portfolio, or detailed walkthrough. * Deep expertise in React, strict TypeScript, Tailwind CSS, and component primitives such as shadcn/ui and Radix UI. * Experience translating design intent into design tokens, component abstractions, and lint rules. * Proven use of AI coding tools in a production frontend environment. * Comfort operating as the sole frontend design authority at a fast-moving startup. * Nice to have: experience building non-standard AI interfaces (streaming responses, generative views), conversational UI for B2B users, Slack Block Kit or Microsoft Teams Adaptive Cards, or animation libraries such as Framer Motion. * Must be authorized to work in the United States; visa sponsorship is not available. ## Description This is the founding design engineering seat at a seed-stage AI pricing SaaS startup, meaning you will own the entire frontend design system from day one. The team ships UI quickly with the help of AI coding agents, and your job is to make sure everything that lands, whether human-written or agent-written, feels like one coherent product. You are the sole bar-raiser for frontend UX across the company., * Define and maintain the design token system, component library, and Tailwind conventions applied across the full product suite. * Build and own a shadcn/ui-based component library in production, ensuring it scales as the team grows. * Enforce WCAG accessibility standards and translate brand guidelines directly into code. * Set patterns for React Query, React Hook Form, and Zod so that agent-generated pull requests land consistently by default. * Audit and own frontend tooling: Biome configuration, Playwright end-to-end coverage, and frontend performance. * Integrate AI coding tools (such as Claude Code or Cursor) into frontend workflows and establish guardrails for agent-written UI contributions. * Design and ship conversational and streaming AI interface patterns for B2B end-users. ## Related Videos - [WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More](https://www.wearedevelopers.com/videos/1786-wearedevelopers-live-ai-freelancing-keeping-up-with-tech-and-more) - [Do TypeScript without TypeScript](https://www.wearedevelopers.com/videos/327-do-typescript-without-typescript) - [Level up your Angular CSS with Tailwind CSS](https://www.wearedevelopers.com/videos/640-level-up-your-angular-css-with-tailwind-css) - [Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS](https://www.wearedevelopers.com/videos/282-watch-tests-go-brrrr-getting-started-with-cypress-in-reactjs) - [Typescript, React and Atomic Design - a match made in heaven](https://www.wearedevelopers.com/videos/125-typescript-react-and-atomic-design-a-match-made-in-heaven) - [Level up your Angular CSS with Tailwind CSS](https://www.wearedevelopers.com/videos/366-level-up-your-angular-css-with-tailwind-css) ## Related Articles - [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025) - [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers) - [Dev Digest 122 - Cracks in the polyfill](https://www.wearedevelopers.com/magazine/457-dev-digest-122-cracks-in-the-polyfill) - [Dev Digest 129 - Now that's what I call private data!](https://www.wearedevelopers.com/magazine/468-dev-digest-129-now-that-s-what-i-call-private-data) - [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix) - [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)