Bruuce

My Work

My professional work: Technical leadership, developer experience design, interactive documentation, and community engagement at Adobe and beyond.

Case Studies

Detailed looks at successful projects that demonstrate measurable impact on developer experience and adoption.

PageBuilder Examples Repo

2019-2024

Challenge

PageBuilder developers lacked comprehensive, working examples to learn from, leading to longer learning curves and inconsistent implementations.

Solution

Created and maintain a comprehensive repository of working PageBuilder modules demonstrating extensions, customizations, and best practices for the community.

Community Impact & Recognition

  • 106 GitHub stars, 78 forks - highest engagement in PageBuilder ecosystem
  • Primary educational resource for PageBuilder developers worldwide
  • Created 10+ example modules covering major use cases
  • Active community contributions and ongoing maintenance

CLI Tools for Developers

2022-2024

Challenge

Development teams were spending hours on repetitive documentation tasks and manual PageBuilder module scaffolding.

Solution

Built two open-source CLI tools: pbmodules for scaffolding PageBuilder modules and jitnotes for documentation automation.

Results & Community Impact

  • pbmodules: 52 GitHub stars, 7 forks, active community usage
  • Dramatically reduced manual documentation effort
  • Adopted across multiple internal teams and external developers
  • Eliminated manual errors in generated content

Commerce API Playgrounds

2023-2024

Challenge

Developers struggled to understand Adobe Commerce APIs due to static documentation and lack of hands-on testing capabilities.

Solution

Built interactive React playground with real API calls, predefined examples, and customizable parameters.

Results

  • Measurable increase in API exploration and usage
  • Reduced developer support requests for basic API questions
  • Consistently positive developer feedback and engagement
  • Recognized internally for innovation in developer experience

Current Work, Adobe (2018-Now)

Leading developer experience initiatives across multiple teams, building tools and documentation that help thousands of developers integrate with Adobe Commerce and related services.

Adobe Commerce Documentation

Technical Writing Documentation Architecture GitHub

Leading the comprehensive documentation site for Adobe Storefront Commerce, managing content strategy, information architecture, and maintaining the GitHub repository that serves thousands of developers daily.

Impact: Reduced developer onboarding time and support tickets through clear, actionable guides

Storybook 8 SDK Documentation

Internal to Adobe Storybook Component Documentation SDK

Developed advanced customizations of Storybook 8 to create interactive SDK documentation, providing developers with live component examples and comprehensive integration guides.

Impact: Streamlined SDK adoption with interactive, visual documentation

Custom Algolia Search Integration

Search Optimization Algolia Information Architecture

Implemented and optimized custom Algolia search integration that transformed search across all Adobe developer documentation sites. This comprehensive integration dramatically improved content discoverability, reduced time-to-solution, and enhanced the overall developer experience for Adobe's entire documentation ecosystem.

Impact: Faster access to key resources, reduced time-to-solution for developers

Speaking & Community

Meet Magento Indonesia 2019

Conference Presentation

Presented PageBuilder best practices to the international Magento open-source community, sharing insights on effective developer experience patterns and implementation strategies.

Community Impact: Helped establish best practices adopted by developers across Southeast Asia

Tools & Technologies

The modern tech stack I use to create exceptional developer experiences and documentation.

Documentation & Content

Markdown/MDX Storybook 8 DiΓ‘taxis Framework Algolia Search Astro/Starlight GitBook

Development

React 18+ Node.js JavaScript/TypeScript HTML5/CSS3 Git/GitHub GitHub Actions

Package Management

npm pnpm yarn bun

Testing & Quality

Jest ESLint Prettier Lighthouse

Design & Visual

Figma Adobe Creative Suite Responsive Design UI/UX Prototyping

Analytics & Monitoring

Google Analytics Site Monitoring Performance Metrics User Feedback Tools