Senior Frontend Engineer (m/w/d) – Design System, Web Components & StencilJS

CDP Experts GmbH
Ansprechpartner: Frederik Ambos
Stuttgart,  Deutschland
80% RemoteFreiberuflichStart 1/2027Dauer 12 Monate100% Auslastung
AutomobilindustrieWeb ComponentsNext.jsTypeScriptWeb Content Accessibility GuidelinesTailwindReact.jsWebpackFront End

Beschreibung

Für unseren Kunden suchen wir einen Senior Frontend Engineer zur Weiterentwicklung einer bestehenden UI-Komponentenbibliothek.

Voraussetzungen sind mehrjährige Erfahrung mit der Entwicklung von Design Systems oder Component Libraries und sehr gute praktische Kenntnisse in Web Components mit StencilJS. Reine React-/Next.js-Anwendungsentwicklung deckt diese Anforderungen nicht vollständig ab.

Im Fokus stehen Architektur und Packaging, serverseitige Darstellung und Streaming sowie KI-gestützte Entwicklungsprozesse. Entscheidend ist, Auswirkungen von Änderungen auf das Gesamtprodukt und die integrierenden Teams zu erkennen.

Aufgaben
  • Refactoring der Component Library mit StencilJS und TypeScript; Modernisierung der Architektur
  • Ablösung der CDN-basierten Auslieferung durch bundler-freundliche Pakete; möglichst wenige Breaking Changes und klare Migrationspfade
  • Unterstützung von React Server Components und Streaming in Next.js mit App Router sowie SSR für Vue im Kontext von Astro
  • Bearbeitung von Web-Components-/Shadow-DOM-Grenzen, Declarative Shadow DOM und Hydration
  • Weiterentwicklung von Agent Skills und MCP-Servern sowie einer gemeinsamen Datenbasis für Komponenten-Metadaten, Beispiele und Dokumentation zur Generierung von Dokumentationsoberfläche, Skills, MCP-Servern und Typen
  • Agentische Workflows für Code Reviews, Changelogs, Dependency Updates und Dokumentation
  • Sicherstellung von Barrierefreiheit und Qualität; schriftlicher und telefonischer Support integrierender Teams
Must-have Skills
  • Mehrjährige Entwicklungserfahrung mit Design Systems oder Component Libraries
  • Sehr gute Kenntnisse in Web Components/StencilJS, Shadow DOM, Declarative Shadow DOM und Constructable Stylesheets
  • Sehr gute Kenntnisse in TypeScript, semantischem HTML, modernem CSS und modernen Browser-APIs
  • Fundierte Kenntnisse in React und Next.js: App Router, Server Components, Streaming und Hydration
  • Sicherer Umgang mit Packaging/Bundling: ESM-only, exports-Maps, Tree-Shaking, Rollup, Vite und Webpack
  • npm Workspaces, Monorepos, Semantic Versioning, Deprecations und Migrationsstrategien
  • LLM-basierte Entwicklungsworkflows: MCP, Agent Skills, Prompt-/Context-Engineering und Generierung strukturierter Inhalte aus Metadaten
  • Accessibility nach WCAG 2.2 AA: Tastaturbedienung, ARIA, Forced Colors und Screenreader-Tests
  • TDD sowie Unit-, E2E-, Visual-Regression- und Accessibility-Tests; CI/CD mit GitHub Actions
  • Sehr gute Kenntnisse agiler Methoden und des gesamten Produktlebenszyklus
  • Blick für Auswirkungen technischer Änderungen auf Produkt und integrierende Teams; professioneller Support
  • Eigenverantwortliche Arbeitsweise und Interesse an langfristigem Produktengagement
  • Gutes Englisch in Wort und Schrift
Nice to Have
  • Angular und Vue
  • Sehr gutes Deutsch
Technologie-Stack
  • Frontend: StencilJS 4, TypeScript, HTML/TSX, JSS, Tailwind CSS
  • Frameworks: Angular, React, Next.js, Vue
  • Build: npm Workspaces, Rollup, Vite, Webpack
  • Tests: Vitest, Playwright, axe-core
  • AI: Agent Skills, MCP, GitHub Copilot
  • Infrastruktur: GitHub inkl. Actions und Security, AWS CloudFront
Rahmenbedingungen
  • Standort: Stuttgart
  • Einsatzmodell: überwiegend remote, ca. einmal monatlich vor Ort in Stuttgart
  • Projektzeitraum: 01.01.2027–31.12.2027
  • Auslastung: 100 %
  • Vertragsart: Freiberuflich oder als Dienstleister
Interessiert?

Bitte senden Sie Ihr aktuelles Profil mit konkreten Referenzen und Ihrem eigenen Beitrag zu:

  • Design Systems/Component Libraries und Web Components mit StencilJS
  • Library-Packaging, Migrationen, SSR und Hydration
  • MCP, Agent Skills oder agentischen Entwicklungsworkflows

Bitte unterscheiden Sie KI-Funktionen innerhalb einer Anwendung von KI-Werkzeugen für die Entwicklung.

Ergänzen Sie Ihre Verfügbarkeit ab 01.01.2027 für den genannten Umfang und Ihren Netto-Stundensatz in EUR









Schlagworte
Frontend, Design System, Component Library, Web Components, StencilJS, TypeScript, React.js, Next.js, SSR, Shadow DOM, ESM, Accessibility, WCAG, MCP, Agent Skills, GitHub Actions


Bewerben