# Felix Haeberle

> Portfolio and personal website for Felix Häberle, a design engineer building tasteful AI products and interfaces.

Canonical URL: https://felixhaeberle.com/
Markdown URL: https://felixhaeberle.com/index.html.md

## Identity

Felix Häberle is a design engineer focused on tasteful AI products and interfaces.
Primary contact: kontakt@felixhaeberle.de
Canonical domain: https://felixhaeberle.com

## Current Focus

Building something new. – Stealth 🛸

## Recommended Pages

- [Home](https://felixhaeberle.com/): Overview, current focus, selected work, selected studies, writings, and stack.
- [Work](https://felixhaeberle.com/work): Project archive and shipped work.
- [Studies](https://felixhaeberle.com/studies): Case studies, design explorations, and project writeups.
- [Writings](https://felixhaeberle.com/writings): Articles from this site and Felix Häberle’s Substack feed.
- [About](https://felixhaeberle.com/me): Personal background, principles, CV, social links, and contact context.
- [Site Notice / Impressum](https://felixhaeberle.com/legal/impressum): Legal contact, publisher information, and privacy notice.

## Selected Work

- [Seehotel BelRiva – Relaunch](https://seehotel-belriva.vercel.app/): Family-run lakeside hotel. Arriving here leaves everyday life behind – from the very first moment. Released 2025-09-01
- [Lix – Change control SDK for AI](https://lix.dev): An SDK to see, review, and control every change AI agents and humans make — right inside your product. Released 2025-06-01
- [Inlang – i18n ecosystem](https://inlang.com): Inlang is an i18n ecosystem of multiple apps and libraries. One file format, multiple apps, all interoperable. Released 2024-01-01
- [Sherlock – i18n for VS Code](https://inlang.com/m/r7kp499g/app-inlang-ideExtension?ref=felixhaeberle.com): Visualize, edit & lint translated strings at a glance via Inline Decorations & Hover Support, and extract new strings with a single click. Released 2023-08-01
- [Stage](https://getstage.app): Stage is a next-gen personal website that helps you showcase your projects, skills, and experience. Released 2022-11-01
- [Frederick Hermann](https://www.frederick-herrmann.com/): Photographer based in Berlin. Special scrolling image show and frontend with Sanity CMS. Released 2022-11-01
- [Zirkular – Open Source Collaboration](https://www.zirkular.dev/): Zirkular connects contributors and maintainers in a community-first workspace with goal-oriented communication, efficient workflows and smart automations. Released 2022-09-30
- [Bitegra Solutions](https://www.bitegra-solutions.de/de): Frontend development for the corporate website to showcase services, projects and the team. Released 2020-12-24

## Selected Studies

- [Stage – Your personal website in minutes](https://ausstellung.hfg-gmuend.de/w-2223/projekte/stage-ein-system-zur-generativen-erstellung-eines-entwicklerportfolios): Stage is a next-gen personal website that helps you showcase your projects, skills, and experience. You can personalize it by an evergrowing collection of building blocks and even build your own blocks. Published 2023-02-10
- [ISO 7010](https://www.figma.com/community/file/1073600297145890094): ISO registers and lists recommended pictograms, which it calls "safety signs", on its website, ISO.org. I created them in Figma for other people to use provided in a community file, because normally they are hard to find on the web. Published 2022-03-10
- [Redesign the Panasonic Image App](https://ausstellung.hfg-gmuend.de/w-2021/projekte/panasonic-image-app): The goal of this project was to fully redesign an existing app: Analysing user needs, competitor research, creating design principles, do the early sketches, wireframes and final redesign & many more tasks. Published 2021-02-02
- [Speech Therapy for kids](https://ausstellung.hfg-gmuend.de/w-2021/projekte/logux-dein-sprachheld): Me and my team created a new kind of speech therapy for kids, together with speech therapy professionals. The goal was to identify the problems with home schooling. In the process, we created a cute fluffy speech therapy monster. Published 2020-12-15
- [Rethink the text editing experience](https://dtqnb.csb.app/): In the UX coding class, we had the challenge to rethink and prototype a common UX pattern from scratch! We picked the text editor and applied various Best-Practices and new ideas, like storing reusable text styles! The coding was done in Svelte.js. Published 2020-10-31

## Selected Writings

- [The Only Thing AI Can't Outsource](https://felixhaeberle.substack.com/p/the-only-thing-ai-cant-outsource): And why Running Clubs feel like the new religion now Source: Substack. Published 2026-01-26
- [The Cost of Good Intentions](https://felixhaeberle.substack.com/p/the-cost-of-good-intentions): On housing, regulation, and the quiet disappearance of the ordinary life Source: Substack. Published 2026-01-19
- [After Talking to Machines, People Sound Different](https://felixhaeberle.substack.com/p/after-talking-to-machines-people): Why patience feels harder in a world of instant answers Source: Substack. Published 2026-01-12
- [Web Accessibility – A Brief Summary](https://felixhaeberle.com/writings/web-accessibility-a-brief-summary): The Web Content Accessibility Guidelines consist of twelve guidelines that are organized into four basic principles. Source: felixhaeberle.com. Published 2021-05-12
- [Responsive fix for the Next.js Image component](https://felixhaeberle.com/writings/responsive-fix-for-the-next-js-image-component): I found myself in the situation where I wanted to have real responsive images without providing height or width to the Image component. Source: felixhaeberle.com. Published 2021-05-03
- [3 easy steps to fix slow image loading](https://felixhaeberle.com/writings/3-easy-steps-to-fix-slow-image-loading): Loading images on the web can be a pain, especially if you are doing a website mainly for mobile devices. Source: felixhaeberle.com. Published 2019-09-13
- [Use CSS Grid in production — today](https://felixhaeberle.com/writings/use-css-grid-in-production-today): Everyone wants CSS Grid. It’s about a new layout method that will significantly change the way we design our content on the Internet. Source: felixhaeberle.com. Published 2019-08-14

## Machine-Readable Resources

- [LLM site index](https://felixhaeberle.com/llms.txt): Concise llms.txt entry point for agents.
- [Full LLM context](https://felixhaeberle.com/llms-full.txt): Expanded text context, URL map, and fetch guidance.
- [AI site data](https://felixhaeberle.com/ai.json): Structured site, profile, page, work, study, writing, and CV data.
- [Schema.org graph](https://felixhaeberle.com/schema.jsonld): Standalone JSON-LD graph for the site and its content collections.
- [Sitemap](https://felixhaeberle.com/sitemap.xml): Crawler sitemap including canonical and machine-readable routes.
- [Robots policy](https://felixhaeberle.com/robots.txt): Crawler access policy and sitemap pointer.
