# Lucas Mosele
## AI UX Engineer & Senior Design Systems Architect
- **Email**: lucasmosele@gmail.com
- **LinkedIn**: linkedin.com/in/lucasmosele
- **Location**: Greater Boston (Worcester, MA)

### Core Philosophy & Perspective
- **Design-Led Engineering**: Brings a unique perspective to front-end engineering with a sharp eye for visual design and interaction design.
- **Game Design Influence**: Leverages a background in game design to craft complex, fluid, and multi-dimensional interaction paradigms.
- **AI & Design Systems Outlook**: Believes design systems are the future of AI usage. Focuses on Generative UI, scaling team outcomes with AI tooling, enhancing overall frontend infrastructure, and advocating for ethical AI patterns for end-users.

### Key Achievements
- **HubSpot Redesign**: Helping redesign HubSpot's entire product shell choreography for 2026.
- **Agentic Design Tooling**: Developed a custom vibe coding tool and infrastructure for HubSpot's entire design organization.
- **Design System Metrics & Dashboards**: Built the first design systems metrics dashboard at Sprout Social to track component adoption and business impact.
- **Modernized Systems at Sprout**: Scaled and shipped Sprout Social's modernized design system (Seeds).
- **HMR Performance Tuning**: Reduced Appcues' Hot Module Replacement (HMR) build/reload time from 2 minutes to 20 seconds (600% improvement).
- **Enterprise Design Systems**: Guided design system architecture and implementations at Maxwell Health.

---

### Experience

#### HubSpot
**Senior Design Technologist II / Senior Design Technologist** | *February 2025 – Present* (Cambridge, MA)
- Developed agentic vibe coding tooling and infrastructure (e.g. hosting, link sharing) in a compliant environment for the HubSpot design organization.
- Designed shell choreography model for global HubSpot product redesign.
- Led AI pattern design and development at the systems level, crafting AI-first products, dynamic canvases, and generative UI patterns.
- Developed Figma plugins and design tooling to accelerate product design and developer handoff workflows.
- Collaborated closely with over a dozen product teams to enable consistent system pattern usage.
- Led AI education workshops on AI basics, AI coding, and AI usage philosophy to scaffold and harness engineering projects.
- Contributed to project management improvement efforts around GitHub for technical individual contributors (ICs).
- Helped manage and document the core design system documentation site.
- Interfaced with engineering teams around rapid prototyping for product design organizations.

#### Sprout Social, Inc.
**Senior Design Engineer / Design Engineer** | *October 2021 – November 2024* (Boston, MA / Orlando, FL)
- Led the technical migration from Flow to TypeScript across a 300+ person organization for the Seeds Design System & Component Library.
- Executed full-scale VPAT accessibility audit remediation for the entirety of the design system.
- Designed & developed React interfaces, public design documentation (Seeds), and long-term support scripting strategies for internal tools.
- Developed Node.js scripting and AST parsing to track consumer tooling adoption, API design rules, and business metrics.
- Managed design token pipelines, monorepo migrations, and large-scale component refactoring to address parity gaps.
- Provided tech leadership and mentorship for product designers and developers across the Design Org.

#### Springboard
**IXC Course Instructor & Mentor** | *January 2020 – March 2023*
- Supplemented curriculum with deep dives into design systems, animation, typography, and web development.
- Provided design reviews, user research guidance, and feedback on Figma, Sketch, Adobe XD, Flinto, and Adobe Illustrator.
- Taught dozens of students to break into product design.

#### Freelance
**Senior UX Engineer** | *March 2021 – October 2021*
- Utilized TypeScript, React-Query, Redux, and Solidity to build web applications and consult for alpha releases.
- Provided UI/UX consulting for small non-profits and process improvements for front-end teams.

#### Appcues
**Frontend Engineer / UX Engineer - Design Systems** | *April 2019 – March 2021*
- Responsible for React design system infrastructure, strategy, and component library work.
- Improved front-end build times by 200% by upgrading Webpack, performance budgets, and CI/CD bundling infrastructure.
- Worked with product design to build a high-fidelity analytics platform interface.

#### Ellevation Education
**UX Engineer** | *July 2018 – March 2019*
- Created the Design Operations (DesOps) discipline and introduced node-based design tooling like Figma & Sketch.
- Designed and built classroom product features and custom JWT client authentication in Aurelia & .Net.
- Led design and implementation of internal tooling from sketching to full-stack development, including prototyping tools for Product Management.

#### Maxwell Health
**Software Developer** | *May 2015 – July 2018* (Boston, MA)
- Used React, TypeScript, and Styled Components to build modular frontend web apps and public-facing React style guides.
- Redesigned public sites and worked with several teams to build greenfield and legacy responsive applications.

#### Web Design Instructor
**Instructor & Mentor** | *June 2015 – February 2018*
- Taught students introductory web design skills, HTML, SCSS, build workflows, and Git versioning tools.

#### Trellis Boston
**UX/UI Designer** | *September 2014 – March 2015*
- Designed and iterated product designs for multiple clients.
- Led pattern research, interface design, interaction design, and small-scale user testing on mobile-first and web-focused projects.

#### American Student Assistance
**UX/UI Designer / Interactive Design Intern** | *October 2013 – January 2015*
- UI design, specification, visual language guidelines, style guides, photography direction, and user testing.
- Created assets with Adobe Creative Suite and built an internal database/wireframe library for Axure RP.

---

### Specialties & Skills
- **Frameworks & Libraries**: React, TypeScript, JavaScript (ES2024+), HTML5, CSS3/SCSS, Node.js, Next.js
- **Creative Technology**: WebGL, Three.js, React Three Fiber, GLSL Shaders, WebAudio API, Procedural Animation, FUI Design
- **AI & Automation**: Agentic Workflows, Vibe Coding Infrastructure, AI Canvas Interfaces, Generative UI Patterns, LLM Integration
- **Design Systems**: Component Library Architecture, Design Tokens (W3C), Figma Plugins & API Automation, DesOps, AST-based Code Analysis
- **DevOps & Tooling**: CI/CD Pipelines (GitHub Actions), Webpack, Vite, Monorepo Migrations, Performance Budgets, HMR Optimization
- **UX & Accessibility**: Interaction Choreography, Responsive Architecture, VPAT Accessibility Audits, Micro-animation Design, Prototyping
- **Design Tools**: Figma, Sketch, Axure RP, Adobe Creative Suite (Photoshop, Illustrator, InDesign)
- **Languages**: English (Native), Portuguese (Native/Bilingual), Spanish (Limited)

---

### Honors & Awards
- **IdeaHack** - First Place
- **LaunchHack** - Best Design
- **Awwwards** - Nominee
- **OWL Award** - Winner