JBoss tools eclipse plugin for JSF development provides visual representation of UI and provides a mechanism to drag and drop JSF component (Core JSF and Richfaces) on Visual editor.
We are trying to get a similar feature where user should be able to drag and drop managed beans properties on Visual editor, which should create the corresponding JSF component (depending on the data type of the element) on visual page editor.
For e.g. if user drags an element (of data type String) and drops on the VPE then a pop up should come up where he selects the type of input component he wants and say ok. This eventually will add the code corresponding to JSF (along with databinding) on VPE.

We observed that "Web Projects" view (which is provided by JBoss) lists all the managed beans and user can drag and drop bean properties on Visual editor. When the user drops the element on VPE then value binding gets added to it.
Is there a way to add a hook between these (Web projects plugin and VPE plugin) to achieve our objective.

For custom class (for e.g. a Person reference (which comprises of fname (String), lname (String) etc.), we may have a <h:panelGroup> component which bundles all the sub components (like fname, lname (as <h:inputText> etc. ) together.