Amir Cabili
About AI Systems Projects Experience GitHub Q&A Contact

Building Robust Angular Platforms with AI-Powered Workflows

Senior Front-End Developer, Tech Lead & AI Integration Specialist based in Tel Aviv

I design and ship enterprise-grade web systems using Angular 17+, TypeScript, SCSS, Node.js, and OpenAI-powered automation. Focus: scalable architecture, resilient UX, accessibility, and intelligent delivery pipelines.

View Projects Download CV GitHub LinkedIn
Modern workspace with monitors and UI design — copyright‑free Unsplash

About Amir Cabili

I’m a Senior Front-End Developer with 10+ years building high-impact products across cybersecurity, fintech, banking, and enterprise software. I specialize in Angular 17+, TypeScript, robust frontend architecture, and AI-enhanced product workflows.

  • AI Integration: OpenAI APIs, prompt engineering, AI copilots, and intelligent workflow systems.
  • Leadership: Tech lead ownership, architecture decisions, and cross-functional execution.
  • Quality: WCAG 2.1 AA implementation, scalable design systems, and performance-first engineering.
Angular 17+ TypeScript RxJS SCSS Design System A11y OpenAI APIs Prompt Engineering AI Workflows
2026 Profile Highlights
  • Senior Front-End Developer, Tech Lead & AI Integration Specialist
  • Built AI-assisted development and UI generation workflows
  • Integrated LLM automation into enterprise internal systems
  • Delivered robust Angular platforms for complex B2B products
  • Strong blend: architecture, UX, performance, and execution
AI Application Architecture

Design and integration of AI-powered frontend infrastructure using OpenAI APIs, secure service boundaries, and reliable UX fallback strategies.

AI-Assisted Delivery

Prompt engineering, AI copilots, and agentic workflows that accelerate design-to-code, implementation reviews, and iteration quality.

Robust by Design

Enterprise-ready frontend systems with resilient UX, clear observability, accessibility standards, and maintainable architecture under real-world constraints.

Projects

Enterprise dashboard
Enterprise Dashboard
  • Angular 17+ with advanced filters
  • Responsive analytics UI
  • Performance-optimized charts
Mobile PWA mockups
Mobile Portal
  • PWA with offline-first UX
  • Cross-device optimization
  • Session caching & sync
Design system components
Design System
  • SCSS tokens & utilities
  • Custom Angular components
  • Unified dark/light themes

Experience

Modern office meeting room
Hub Security — Senior Front-End Developer, Tech Lead & AI Integration Specialist
  • Angular 17+ enterprise systems
  • OpenAI-powered workflow integration
  • AI-assisted UI generation & prompt optimization
Angular 17+TypeScriptOpenAI APIsAI WorkflowsSCSS
Product design collaboration
Hub Security — UI/UX Specialist
  • Data-driven dashboards
  • Usability & A11y
  • Design tokens
FigmaDesign TokensA11yAngular
Trading floor monitors
eToro — Front-End Engineer
  • Real-time dashboards
  • Optimized pipelines
  • -35% render lag
AngularNgRxRxJSWebSockets
Developers at laptops
eToro — Accessibility Specialist
  • WCAG 2.1 AA audits
  • ARIA patterns
  • Keyboard navigation
WCAGARIAKeyboardTesting
Team planning at table
Aman Group — UI/UX Specialist
  • Component library
  • UI consistency
  • Figma workflows
SCSSBootstrapUXDesign System
Workshop with sticky notes
Aman Group — Accessibility Lead
  • WCAG AA compliance
  • Accessible patterns
  • Inclusive reviews
WCAGARIALighthouseScreen Readers
Data visualization on monitors
Matrix Digital — Front-End Dev
  • Modular dashboards
  • D3 visualizations
  • Faster delivery
AngularD3.jsTypeScriptSCSS
Design studio desk
Matrix Digital — UI/UX Expert
  • Design systems
  • Style guides
  • Brand consistency
Design SystemColorTypographyAudit
Conference hall setup
Kenes Group — Web Developer
  • Event dashboards
  • Multilingual UI
  • Load optimization
HTMLCSSJavaScripti18n
Creative agency workspace
Zarmon Advertising — FE Designer
  • Ad landing pages
  • Micro-animations
  • Brand visuals
CSS AnimationsGSAPPhotoshopBranding
Freelance home office
Freelance — Senior Front-End
  • 30+ SaaS apps
  • SEO & performance
  • Pixel-perfect UI
AngularReactNext.jsVercelNetlify
Open source coding
Open Source & Certifications
  • Angular tooling & SCSS libs
  • Reusable components
  • B.Sc. CS (HCI), UX/UI
GitCInpmESLintHCI

GitHub & Public Work

GitHub Profile

Explore public repositories, frontend experiments, and implementation samples that complement this portfolio and CV.

Open GitHub
AI + Frontend Focus

Public work reflects the same direction as my recent enterprise role: robust Angular systems enhanced with practical AI-assisted engineering workflows.

View Portfolio

Let's Build Something Great

Have an idea, a roadmap, or a messy legacy UI? I help teams turn vision into fast, accessible, production‑ready experiences.

Why teams reach out
  • Ship a polished MVP in weeks, not months
  • Uplift Core Web Vitals & Lighthouse 90+ targets
  • Design System setup: tokens, theming, docs
  • Complex Angular + RxJS data flows simplified
  • WCAG 2.1 AA accessibility across key journeys
Email Amir Book a discovery call
Typical engagements
  • New product UI from zero → MVP
  • Dashboards with real‑time data & caching
  • PWA: offline‑first, installable, mobile‑tuned
  • Design System (docs, tokens, components)
  • Accessibility audits & fixes (WCAG 2.1 AA)
  • Performance budgets, profiling, and CI checks
Typical response: within 24 hours
Based in Tel Aviv • Remote friendly
English / Hebrew
What helps me help you
  • 1–2 sentence problem statement
  • Target users & key journeys
  • Tech stack & constraints
  • Timeline, budget range, stakeholders
  • Success metrics (e.g., LCP, conversion, a11y)
Send a brief Ask a quick question

We kick off with a 30–45m discovery call to define scope, constraints, and success metrics. I then propose a short plan covering milestones, deliverables, and a lean timeline.

Production‑ready UI (Angular/TypeScript/SCSS), documented components, accessibility fixes, performance improvements, and concise handover notes or Loom walkthroughs.

Fixed‑scope sprints for clear outcomes, or flexible retainers for ongoing delivery. I’m comfortable embedding with product/design/BE teams.

Git, CI, Jira/Linear, Figma, Storybook, and Slack. I document decisions, add tests where they matter, and keep PRs small for fast reviews.

Send a link or PDF of your current UI and 3 priorities. I’ll reply with a short, actionable plan you can use immediately.

I build new apps with standalone components, Route Config, and functional providers. Migration plans include incremental module → standalone adoption, strict typing, and zoneless change detection where feasible.

I set performance budgets (LCP, CLS, INP), lazy‑load routes, preconnect critical origins, optimize images (AVIF/WebP + responsive srcset), and profile change detection. I use RxJS operators to avoid needless re‑renders and ship prefetch strategies for hot paths.

Start with tokens (color/spacing/typography), build primitive components, add usage guidelines, and publish via Storybook + npm. I provide a migration doc and codemods to refactor legacy styles to tokenized SCSS utilities.

Semantic HTML, ARIA where appropriate, focus management, visible states, and keyboard‑first flows. I run axe, Lighthouse, and manual screen‑reader checks (NVDA/VoiceOver), with a backlog of a11y issues triaged by severity.

Yes—Module Federation for independent deploys, shared UI libraries, and clear routing contracts. I add observability for cross‑app performance and a design‑token pact to keep UX consistent.

Start simple with signals/Component Store, move to NgRx for complex domains or cross‑cutting concerns. Strong typing, selector memoization, and clear action conventions keep data flows predictable.

Unit tests for pure logic, component tests with Testing Library, and a slim E2E layer (Playwright) on critical journeys. I add visual regression for DS components and wire tests into CI gates.

Small PRs, clear checklists (a11y, perf, security), and constructive comments. I pair with devs, share snippets/patterns, and track recurring issues to evolve our guidelines.

Follow OWASP ASVS basics: output encoding, CSP, dependency auditing, and secure storage. I avoid sensitive data in the client and review analytics to keep PII out of logs.

I use Angular i18n or Transloco, extract copy to JSON/XLIFF, and test locale‑aware formatting. Layout tokens plus logical properties ensure effortless LTR/RTL switching.
Start the conversation