Jedi QA - is a Google Chrome Extension for Automated UI Web Testing. This tool can create a Page Object by some pattern or just suggest XPath queries by the сonfigurable set of strategies.
After installation you will see sith lightsabers in the extensions bar, click on this icon. After opening the extension popup You can load your pattern by clicking Browse.... Next time, in order to load the same pattern just click Saved.
Then fill in these fields in accordance with your web-page.
In step 2, you need to create variables for the page object. In order to do it : open DevTools (F12 or Ctrl + Shift + I) and go to the 'Elements' tab. In this tab click on the 'Variable' side bar where you can create variables. Use DOM-tree or instrument (Ctrl + Shift + C) to select a node.
After this action, the extension will suggest some queries (or 1) in the 'Variable' side bar. Select one of them and click on the next-arrow.
Then just fill in the fields for this variable and click on the 'Ok' button in the top panel.
The last step is creating the code listing. Go to the 'Jedi QA' DevTools tab and click on the 'Update' button in the left corner of the menu. Then go to the 'Code' menu item and just select the code pattern and click on the 'Generate' button.