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.
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
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
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.
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
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
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
Featured Live Documentation
Direct links to live documentation and interactive tools I've created and maintain at Adobe
Commerce. These represent real-world examples of developer experience innovation in action.
Interactive playground providing hands-on experience with Adobe Commerce services.
Features predefined queries that developers can run and customize to explore our APIs in
greater detail.
Features
- Real-time API testing environment
- Predefined query examples
- Customizable exploration tools
- Integrated developer learning experience
Comprehensive technical documentation for integrating Adobe Commerce PageBuilder with PWA
Studio applications. Includes framework architecture, custom component creation, and
integration patterns.
Features
- Complete integration framework documentation
- Custom component development guides
- React component architecture patterns
- Master format parsing and rendering
Developer guide for overriding and customizing PageBuilder styles in Adobe Commerce
frontend implementations. Covers best practices for theme development and style
inheritance patterns.
Features
- Style override methodologies
- Theme development best practices
- CSS inheritance and specificity guidance
- Frontend customization patterns
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
The modern tech stack I use to create exceptional developer experiences and documentation.
Markdown/MDX Storybook 8 Diátaxis Framework Algolia Search Astro/Starlight GitBook
React 18+ Node.js JavaScript/TypeScript HTML5/CSS3 Git/GitHub GitHub Actions
Jest ESLint Prettier Lighthouse
Figma Adobe Creative Suite Responsive Design UI/UX Prototyping
Google Analytics Site Monitoring Performance Metrics User Feedback Tools