This tool is a visual guide for developers building child themes on the Beans framework. It provides a clear, on-screen map of all the action hooks available for modification, making the development process more intuitive and less reliant on inspecting browser code.

Visual Hook Display: The plugin overlays color-coded labels directly onto your site's front end, showing exactly where each action hook is located. This eliminates guesswork when deciding where to inject custom code.

Selective Viewing: You can choose to display all hooks at once or filter the view to show only specific hooks you are interested in, accessed via a toolbar dropdown menu. This keeps the interface clean when focusing on a particular section.

Hook Type Identification: Different hook types are color-coded for immediate recognition. Prepended and appended hooks are shown in red, while before and after hooks are displayed in blue, clarifying their positional relationship to page elements.

Element Highlighting: The underlying HTML element associated with a hook is outlined, providing a direct visual connection between the hook label and the actual page structure. This aids in understanding the context for your customizations.

Framework-Specific: The tool activates only when a Beans framework child theme is active and its development mode is enabled, ensuring it provides relevant information without interfering with other projects.