mail@manuel.fyi
Dresden / Remote
Skill Profile
Skill Profile
Product engineer focused on user-facing software products since 2004. Deep in web tech; broad across UX, information architecture, agentic AI engineering and coaching.
Weaving LLM features and custom agents into product teams via MCP, Agent Skills and the AI SDKs. Coaching teams on resilient end-to-end tech stacks, automated quality assurance and AI-native workflows. At home where conceptual strategy meets hands-on orchestration.
Profile
| Title | Dipl.-Medieninformatiker (Diploma in Media Informatics) |
| Born | 12.09.1981 in Berlin, Germany |
| Nationality | German & French |
| Languages | German (native), French (native), English (fluent), Spanish (fluent), Portuguese (basic), Dutch (basic) |
| Personal interests | Sports, music, photography, typography, architecture, cooking |
What I do
| Agentic & AI | Custom agents, MCP, Agent Skills, AI SDKs, Claude Code, Cursor, OpenRouter, SGLang |
| Build | User-facing web products end-to-end — from first sketch to shipped, observable software |
| Architect | End-to-end type safety, agent-first codebases, e2e testing, CI/CD, TypeScript, Next.js, Tailwind, Drizzle ORM |
| Visualise | Information design for dynamic, complex and geographic data, D3, Mapbox GL, DeckGL, Three.js, WebGL |
| Coach | Training, workshops, code reviews, stakeholder alignment across engineering and business |
Stack today
| Agentic & AI | AI SDKs, OpenRouter, Claude Code, Cursor, Agent Skills, MCP, custom agents, SGLang |
| Languages | TypeScript, HTML, CSS, SQL, SVG, WebGL / GLSL |
| Frameworks | Next.js, React, Tailwind, shadcn/ui, Playwright, XState, D3, Mapbox GL, DeckGL, Three.js |
| Runtime & data | Bun, Node.js, PostgreSQL, Drizzle ORM, GraphQL, vector databases |
| Practices | UX, performance, accessibility, SEO, eCommerce |
| Tools | VS Code, Cursor, Git, Docker, Figma |
Projects
Fraunhofer Heinrich-Hertz-Institut — since 2025
Catalogue for 5G components with lifecycle management, fine-grained authorisation and multi-faceted entity views. 5G components have a life of their own; the catalogue follows them through it.
Role: Architecture audit, rewrite design, hands-on implementation; advising three developers, three designers and two product-side leads on architecture, delivery and stakeholder alignment.
Approach: End-to-end typesafety, complexity reduction, iteration speed; the codebase is laid out for agent-first access so coding agents can contribute without ceremony.
Stack: Next.js, RSC, Drizzle ORM, PostgreSQL, Bun, Playwright, Claude Code, Cursor, Agent Skills.
Barkhausen Institut — since 2024
Business-trip management portal for a research institute.
Role: Consulting, teaching, feature development.
Approach: Resilient architectures, automated quality assurance, complexity reduction.
Stack: Nuxt, Vue.js, TypeScript, Sentry, Playwright, Claude Code, Cursor.
Ancestry trees — since 2020
Family trees for four large German dynasties. Careful, discreet treatment of human and social complexity — patchwork constellations, changed and reclaimed names, relatives who appear in more than one branch, and the quiet edges every old family carries.
Role: Concept, design, architecture, development, integration, training.
Stack: React, GEDCOM, Figma, Lovable.
Estino GmbH — since 2018
B2B automotive engineering dashboards: signal visualisation, entity management, agent design. Signals, machines, maps — making the invisible workings of hardware readable.
Role: Concept, UX, training, development.
Stack: Next.js, D3, Mapbox, DeckGL, GraphQL, Apollo, Playwright, Bun, Tailwind, shadcn/ui, Vercel AI SDK, SGLang, vector databases.
Fioscope — 2024
Dashboard prototype for live camera streams from inside running furnaces, paired with image-derived metrics like melting progress. A window into the fire — translated into numbers the operator can read.
Role: Concept, UX, prototype development.
Wildstyle Network, Dresden — 2016–2017, 2023
Consulting and implementation of QA and CI strategies for microservice-based web applications. Set up processes and tools for measuring software quality, defined standards and delivered automated deployments teams could trust.
Stack: Docker, npm, AWS, TypeScript, Drone CI, Jira, Bitbucket, Three.js, WebGL, Next.js.
JoDDiD — 2022–2023
Digital exhibition "einfach gut gemacht — political education in Saxony". Political education that survives being scrolled past.
Role: Concept, UX, training, development.
Stack: Svelte, Contentful, GraphQL, Tailwind.
Vime / Oxolo — 2022
UX consulting for landing pages, testimonials and interactive widgets. Via Millemedia.
Baselworld — 2021
Frontend lead for the intranet of Baselworld / Houruniverse (now "Watches and Wonders"). Watches measure time; an intranet measures a company — both rely on tiny gears meshing.
Role: Development, training, consulting.
Comvel GmbH — 2016–2020
Relaunch and evolution of the Weg.de / lastminute.com booking portal. Holidays should feel like the trip — even the booking flow.
Role: Booking portal relaunch, core components, team enablement for ten developers and two designers; fewer bugs, lower bounce and churn, faster iteration — groundwork for the lastminute.com acquisition.
Stack: Next.js, React, Redux, Webpack, Jest, ES6, CSSNEXT, Node.js.
Franz Haniel & Cie. GmbH, Duisburg — 2018, 2020
A digital family history covering 350 years of family and company history.
Role: UX concept and pitching, alignment with shareholder management, tooling, deployment, QA.
Stack: React, Webpack, Figma, CSS-in-JS, Vercel.
Schacht One, Essen — 2018
Training IT and project-management staff in modern web development. Prototyping, feasibility assessment, and hands-on application of modern tooling.
Topics: React, Node.js, UI frameworks, form handling, QA.
Glashaus Till Garten GmbH, Medingen — 2015–2017
Online shop for garden culture: accessories, furniture, garden tools. Carrying the physical store's shopping experience over into eCommerce, expanding the range, increasing visibility.
Role: Concept, technical implementation, design lead, team coordination (5 people), social media strategy.
Stack: Oxid eSales, Google Ads, HTML5, JavaScript.
SAXOPRINT GmbH, Dresden — 2016
Interactive print preview for the Saxoprint.de print portal. Six hundred very different products — folding tents, wrap-around brochures, books, packaging — all previewed through one unified interaction model.
Stack: React, Redux, ES6/7, CSSNEXT, Jest, Enzyme, Webpack, Node.js, Three.js, WebGL.
Kti Multimedia GmbH, Hamburg — 2015–2016
Technical lead on the bid for the Bundesliga.de games portal, including the HTML5 Games channel and Kidscorner. Integration of Free2Play and mobile games, social media, football and VoD content, go-live tracking, SEO strategies. Client: KTI Multimedia GmbH for DFL / Bundesliga.de.
HQ Plus GmbH, Berlin — 2015–2016
Maintenance and Flash-to-HTML5 porting of HQ Plus's hospitality B2B software.
Stack: React, Redux, Flash / Flex.
Millemedia GmbH, Hamburg — 2015–2016
Supporting the transition of advertising assets into modern HTML5 ads: animation kit, deployment pipeline, optimisation for specific ad-size specs, production-process streamlining, team training.
Stack: CSS3, Gulp, Node.js, ES6.
Earlier work
- T-Systems MMS, Dresden — 2009–2012, 2014. Genealogy product: large-scale family tree, originally Flash, later ported to HTML5 with PDF print, Jive integration, mobile support, instant search and filtering. HTML5, CoffeeScript, Spine MVC, Raphael.js, jQuery, React.
- Exelonix GmbH, Dresden — 2013–2014. Android tablets for seniors — ease of use, remote maintenance by relatives, apps for health, communication, safety, entertainment. Java, Android, HTTP.
- AVANGA Filmproduktion, Dresden — 2012–2013. Interactive HD-film app for trade-fair booths and sales: every interaction leads seamlessly into a new film loop. avanga.de
- Sandstein Neue Medien, Dresden — 2011–2013. Virtual books for the museum terminals of the Militärhistorisches Museum Dresden: three-dimensional depiction of historical books, gesture interaction, hardware acceleration. Adobe AIR, ActionScript, Away3D, GreenSock, Drupal, ORM, SQLite. mhmbw.de · sandstein.de
- Vodafone Endowed Chair, TU Dresden — 2008, 2011. Project management, production and motion design for documentary videos on research projects — material that helped the chair secure EU funding.
- Groupnet, T-Systems MMS, Dresden — 2010. Design lead on the redesign of an SAP Netweaver intranet: concept, client coordination, implementation handoff. SAP Netweaver, RFC, CSS. telekom-mms.com
- Macro semantic visualisation, T-Systems MMS, Dresden — 2009. Interactive corporate visualisation of over a thousand employees across hundreds of working groups and thousands of topics, designed to surface synergies. Flash, ActionScript, Atlassian Confluence.
Education
2002–2011 Diploma in "Media Informatics" — Faculty of Computer Science, TU Dresden
"Interactive two-dimensional representation of experiential time based on visited places"
Final grade: 1 (approximate equivalent: A).
2009 Research project — Faculty of Computer Science, TU Dresden
"Materiality and Interaction", ungraded.
2002–2009 Minor in "Art & Design" — HfBK & TU Dresden, Germany
"Experimental-film approach to contemporary ornament"
Final grade: 1.3 (approximate equivalent: A).
2007–2008 Internship — Cactus Film & Video, Mexico
Supported by an InWEnt / GIZ scholarship.
2001 Abitur — Pestalozzi Gymnasium, Unna, Germany
Advanced courses in mathematics and social sciences.