{"id":4152916,"url":"https://alion.io/job/megadev-senior-frontend-engineer-design-system-web-components-stenciljs","title":"Senior Frontend Engineer – Design System / Web Components (StencilJS)","company":{"id":4485939,"name":"MeGaDev","domain":"megadev-llc.com","url":"https://alion.io/company/megadev","size_band":null,"is_staffing_agency":false,"employer_type":"direct","is_intermediary":false,"listed_via":null,"ats_vendor":null,"truth_index":null},"role":"Frontend","role_family":"Frontend","seniority":"senior","employment_type":"full_time","work_mode":"remote","remote_scope":"stated_countries","remote_scope_basis":"posting_text","remote_working_hours":null,"hiring_geo_confidence":"inferred","locations":["Ukraine"],"countries":["UA"],"hiring_countries":["DE"],"hiring_countries_total":1,"salary":null,"salary_estimate":null,"experience_years_min":null,"visa_sponsorship":false,"relocation_package":false,"has_equity":false,"technologies":[{"name":"Agentic Workflows","optional":false},{"name":"Agile","optional":false},{"name":"AI Agents","optional":false},{"name":"Angular","optional":false},{"name":"CI/CD","optional":false},{"name":"Context Engineering","optional":false},{"name":"GitHub Actions","optional":false},{"name":"Model Context Protocol","optional":false},{"name":"Next.js","optional":false},{"name":"npm","optional":false},{"name":"React.js","optional":false},{"name":"Rollup","optional":false},{"name":"TypeScript","optional":false},{"name":"Vite","optional":false},{"name":"Vue.js","optional":false},{"name":"Web Components","optional":false},{"name":"Webpack","optional":false},{"name":"AWS","optional":true},{"name":"Copilot","optional":true},{"name":"JavaScript","optional":true},{"name":"Playwright","optional":true},{"name":"Tailwind CSS","optional":true},{"name":"Vitest","optional":true}],"status":"live","first_seen_at":"2026-11-12T09:45:25Z","employer_posted_date":null,"last_verified_at":"2026-11-12T09:45:25Z","board_verified":false,"closed_at":null,"days_open":0,"trust":{"level":"not_scored","repost_count":null,"flags":[],"days_open":0},"description":"We are looking for a Senior Frontend Engineer – Design System / Web Components (StencilJS) for a large German product company. It’s built with Web Components on StencilJS and used by several product teams across different frameworks. The work covers the library’s architecture and packaging, server-side rendering, and AI-assisted development processes. You need to understand how each change affects the whole product and the teams that integrate the library.\n\nDetails: \n\n📍 Remote, with about 1 onsite day a month in Stuttgart, Germany\n\n📄 B2B contract / freelance\n\nStart: ASAP \n\nEnglish: Fluent \n\nTech stack: StencilJS 4, TypeScript, HTML/TSX, JSS, Tailwind CSS · Angular, React, Next.js, Vue · npm workspaces, Rollup, Vite, Webpack · Vitest, Playwright, axe-core · Agent Skills, MCP, GitHub Copilot · GitHub Actions, AWS CloudFront\n\nWhat you’ll do\n\nRefactor and modernise the component library (StencilJS 4, TypeScript)\n\nReplace CDN-based delivery with bundler-friendly packages, keeping breaking changes to a minimum and providing clear migration paths\n\nSupport React Server Components and streaming in Next.js (App Router), plus SSR for Vue within Astro\n\nSolve Web Components / Shadow DOM boundary issues, Declarative Shadow DOM and hydration\n\nDevelop agent skills, MCP servers and a shared source of component metadata, examples and docs that generates documentation, types and AI tooling\n\nBuild agentic workflows for code reviews, changelogs, dependency updates and documentation\n\nEnsure accessibility and quality, and support the integrating teams in writing and by phone\n\nMust-have\n\nSeveral years building design systems or component libraries\n\nStrong hands-on Web Components / StencilJS, Shadow DOM, Declarative Shadow DOM, Constructable Stylesheets\n\nStrong TypeScript, semantic HTML, modern CSS and modern browser APIs\n\nSolid React and Next.js: App Router, Server Components, streaming, hydration\n\nLibrary packaging: ESM-only, exports maps, tree-shaking, Rollup, Vite, Webpack\n\nnpm workspaces, monorepos, semantic versioning, deprecations and migration strategies\n\nAI-assisted development workflows: MCP, agent skills, prompt and context engineering\n\nAccessibility to WCAG 2.2 AA: keyboard, ARIA, forced colours, screen-reader testing\n\nTDD, with unit, E2E, visual-regression and accessibility tests; CI/CD with GitHub Actions\n\nAgile, end-to-end product lifecycle; independent, long-term product mindset\n\nGood written and spoken English\n\n⚠️ Experience building only React/Next.js applications isn’t enough for this role. Hands-on StencilJS / Web Components work is essential.\n\nNice to have\n\nAngular and Vue\n\nGerman","description_format":"text","description_chars":2623,"description_truncated":false,"requirements":{"experience_years_min":null,"management_years_min":null,"team_size_min":null,"manages_managers":false,"education":null,"security_clearance":false,"languages":[]},"benefits":[],"hiring_locations":[{"name":"Germany","iso":"DE","kind":"country"}],"hiring_excludes":[],"relocation_offered":false,"industries":[],"lifecycle":[{"event":"open","at":"2026-11-12T09:45:25Z"}],"visa":[],"liveness":{"score":86,"band":"hot","label":"Hiring now","p_open":1,"p_active":0.86,"p_room":1,"age_days":0,"expected_fill_days":30,"reasons":["seen:0","win:early"],"computed_at":"2026-11-12T10:38:37Z"},"pay":null,"html_url":"https://alion.io/job/megadev-senior-frontend-engineer-design-system-web-components-stenciljs","json_url":"https://alion.io/job/megadev-senior-frontend-engineer-design-system-web-components-stenciljs.json","meta":{"generated_at":"2026-11-12T12:07:54Z","cache_seconds":300,"methodology":"https://alion.io/methodology","terms":"https://alion.io/terms","contact":"https://alion.io/contact","api":"https://alion.io/developers","about":"Alion is a live layer of people, companies and AI agents: who they are, whether they are real and active right now, what they do and how to work with them, readable by people and by agents and paid per call.","catalog":"https://alion.io/catalog.json","usage":{"tier":"crawler_verified","counted_by":"address","units_charged":1,"used_today":24942,"day_limit":null,"remaining_today":null,"minute_limit":300,"resets_at":"2026-11-13T00:00:00Z"}},"offers":[{"id":"company.slices","title":"One company in depth, by slice","status":"live","price":{"credits":0.1,"usd":0.01,"plus_per_slice":{"credits":0.05,"usd":0.005}},"unit":"per company, plus each slice with data","note":"the employer in depth","call":{"mcp_tool":"get_company","arguments":{"id":4485939},"rest":"https://alion.io/mcp/rest/get_company?id=4485939"},"human":"https://alion.io/catalog?offer=company.slices&for=job%2Fmegadev-senior-frontend-engineer-design-system-web-components-stenciljs"},{"id":"market.stats","title":"A market slice: pay, demand and time to fill","status":"live","price":{"credits":2,"usd":0.2},"unit":"per slice","note":"pay, demand and time to fill for this role and place","call":{"mcp_tool":"market_stats"},"human":"https://alion.io/catalog?offer=market.stats&for=job%2Fmegadev-senior-frontend-engineer-design-system-web-components-stenciljs"},{"id":"job.search","title":"Open jobs by role, technology, place, pay and visa","status":"live","price":{"credits":0.1,"usd":0.01},"unit":"per posting in a list","note":"similar open postings","call":{"mcp_tool":"search_jobs"},"human":"https://alion.io/catalog?offer=job.search&for=job%2Fmegadev-senior-frontend-engineer-design-system-web-components-stenciljs"},{"id":"company.verify","title":"Is this company real and active right now","status":"pilot","price":null,"unit":"per company","request":{"url":"https://alion.io/catalog/request","method":"POST","body":"{\"offer\": \"company.verify\", \"for\": \"job/megadev-senior-frontend-engineer-design-system-web-components-stenciljs\", \"note\": \"what you need it for\"}"},"human":"https://alion.io/catalog?offer=company.verify&for=job%2Fmegadev-senior-frontend-engineer-design-system-web-components-stenciljs"}],"agent":{"mcp":"https://alion.io/mcp/jobs","mcp_open":"https://alion.io/mcp/open","next":[{"tool":"get_job","arguments":{"id":4152916}},{"tool":"search_jobs","arguments":{"company":"megadev-llc.com","detail":"compact"}},{"tool":"match_people","arguments":{"job_id":4152916},"note":"people open to offers who fit this vacancy"}],"note":"The same data through MCP tools: https://alion.io/mcp/open needs no sign-in (compact searches, postings, people); https://alion.io/mcp with an Alion account has everything. Docs: https://alion.io/developers"}}