Skip to main content
PatrickSys

Patrick Rossello

Software engineer with a focus on frontend. Background in platform, DevEx, and micro-frontends. Currently working on the AI Process Engine platform at Serviceware.

EmailGitHubLinkedIn
Familiar techTypeScript · Angular · React · Next.js · Node.js · Docker · Micro-frontends · CI/CD & Actions · DevEx
  1. – Present

    Product Engineer

    Serviceware SE

    • Product engineering on AI Process Engine (AIPE), Serviceware's AI-native platform that turns plain-language descriptions into executable BPMN processes
    • Integrating LLM and agent capabilities into product flows, including agent skills for the engine
    • Setting up CI and developer experience for the new team
    • Working on discovery and retrieval: getting the right process and data context in front of agents
  2. –

    Tech Lead - Frontend Platform

    Serviceware SE

    • Owned the Angular shell for a multi-tenant B2B portal with 8+ teams and 25+ micro-frontends
    • Cut CD pipeline time from 30 to 12 min using Nx caching, parallelization, better dependency management, and compilation optimization via Webpack
    • Raised unit test coverage from 15% to 80% via Jest/Playwright quality gates
    • Improved key-route LCP from 8s to 2s through lazy-loading and dependency optimization
    • Led design system migration (Angular Material/Syncfusion → PrimeNG) adopted across 10+ products
    • Built a custom RAG pipeline with AST parsing to expose live component APIs to LLM agents
    • Built a code review agent integrated with Azure DevOps (reviews 100+ PRs/month, median 1.1 issues caught per PR)
    • Developed end-to-end features with .NET Core 8+
  3. –

    Software Developer

    Serviceware SE

    • Maintained and improved Angular micro-frontends and shared libraries integrated into the portal shell
    • Delivered Angular major upgrades and platform refactors
    • Implemented CI/CD with automated E2E testing (TestCafe to Playwright)
    • Introduced Nx monorepo patterns to standardize architecture and speed up builds
    • Developed end-to-end features with .NET Core 3+

  • Workspine

    TypeScriptNode.jsCLIAgent HarnessSpec-Driven Development

    Agent harness for Spec-Driven Development that keeps coding agents on track through a structured plan, execute, and verify workflow.

    • Structured plan-execute-verify lifecycle with explicit checkpoints to prevent agent drift and rework
    • Agent skills workflow portable across Codex, Claude Code, Copilot CLI, and other agent runtimes
    • Enforces Spec-Driven Development with structured plans, decisions, and verification saved in repo
    Interactive harness GitHub npm package

  • Codebase Context

    TypeScriptTree-sitterLanceDBMCPTransformers.jsCLI

    Local MCP server and CLI that indexes repositories with Tree-sitter AST parsing, returning ranked symbols, reference files, and saved team conventions to coding agents before they edit.

    • Parses code into AST nodes so agents query exact functions, classes, and call references rather than unstructured text
    • Runs indexing and embedding locally on CPU via LanceDB and Transformers.js, keeping code on your machine
    • Stores architectural decisions and patterns in repo-local markdown to surface team conventions alongside search results
    Live case study GitHub npm package

  • MyBoard

    ReactNext.jsWeb ComponentsLitNx

    Dashboard shell for running widgets from different frameworks in one product. Built to test the integration, layout, and contract problems behind micro-frontend platforms.

    • Framework-agnostic SDK with lifecycle management
    • Event bus for cross-widget communication
    • Drag-and-drop layout with persistence
    GitHub

  • Codex ROI Calculator

    Next.jsTypeScriptSVG ChartsCodex CLI

    Historical token economics and quota forensics calculator measuring API-equivalent dollar value delivered across Codex Plus and Pro x5 tiers.

    • Interactive SVG timeline tracking token delivery per subscription dollar
    • Token breakdown separating cached input, uncached input, output, and reasoning
    • Backed by measured quota forensics from codex-cap-monitor
    Interactive calculator

  • Chisom J Paul: Talent Platform

    ReactViteTailwind CSSHTML5 VideoPostHogVercel Edge

    Cinematic digital identity and showreel platform engineered with React and Vite for zero-layout-shift video streaming and casting engagement.

    • Engineered custom HTML5 showreel pipeline with dynamic asset probing and zero layout shift (CLS: 0)
    • Built an Instagram Stories-style lightbox with custom cursor tracking, keyboard focus trap, and touch gestures
    • Implemented PostHog event tracking and Vercel edge redirects (/ig) for social-to-booking attribution
    Live showcase GitHub
  • –

    B.Sc. in Techniques for Software Application Development

    UOC (Universitat Oberta de Catalunya)
  • –

    Technical Degree, Software Development

    CIDE (Centre Internacional d’Educació)

Get in touch

Mallorca, Spain

I'm always open to discussing new projects, opportunities, or just chatting about software engineering. Feel free to reach out!

GitHub@PatrickSys ↗LinkedInPatrick Rossello ↗Emailrossellocolompatrick@gmail.com ↗

© 2026 Patrick Rossello · Mallorca, Spain

Usage analytics: page views and project interactions via Vercel and PostHog. No session replay or visitor profiles.