Usar comandos java em pagina xhtml sem usar JSF ou JSP

Boa tarde. gostaria de saber se tem como usar outro comando no lugar de ui:repeat, <f:viewAction action="#{produtosVendaControleBean.detalheProduto}"/> e que faça a mesma coisa em uma pagina XHTML só que sem usar jsf. assim estou desenhando os codigo em jquery, mais nao sei como chamar esses ui:repeat, <f:viewAction action="#, <ui:include src="/WEB-INF/template/topDesktop.xhtml"/> em uma pagina xhtml sem usar jsf.
Voces podem me dar uma ajuda sobre o assunto. qual seria a solucao, para que vc entandam o site a parte administrativa e feita e jsf e a vitrine estou querendo usar só jquery para ficar mais leve. mais nao sei usar esses comandos equivalente ui:repeat, <f:viewAction action="# sem sem usar jsf . codigo abaixo com exemplo onde os comandos ui:repeat, <f:viewAction action="#, <ui:include src="/WEB-INF/template/topDesktop.xhtml"/> são usados e e onde eu precisaria substituilos por outras q nao fosse do jsf. obrigado

<!DOCTYPE html>	
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://xmlns.jcp.org/jsf/html"
	  xmlns:f="http://xmlns.jcp.org/jsf/core"
	  xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	  xmlns:p="http://primefaces.org/ui"
	  lang="pt-br"> <!-- indica qual o idioma do texto que escrevemos -->	  
<head>	
</head>

		<f:metadata>
    		<f:viewAction action="#{produtosVendaControleBean.detalheProduto}"/>	
    		<f:viewAction action="#{produtosVendaControleBean.listaProdutoImg}"/>
		</f:metadata>
 
</body>
<div class="corpo">
	
	<section class="aw-topDesktop">
	  	<ui:include src="/WEB-INF/template/topDesktop.xhtml"/>
	</section>
	   	
	<div class="conteudoProd">
	  
	  	<div class="conteudoProd-Ver">
		                            
			<ul id="bxslider">		  
				<ui:repeat var="i" value="#{produtosVendaControleBean.listaProdutoImg}" varStatus="status">
					<li><img src="resources/img/prod/#{i.simg}" alt=""/></li>						    							    
				</ui:repeat>
			</ul> 	
			
	  	</div>
	  
	</div>
	
</div>	
</body>

</html>