liferay-cx-frontend

name	liferay-cx-frontend
description	Expert guidance for packaging and deploying Liferay Client Extensions (React, JS, CSS). Focuses on frontend-driven extensions and OAuth2 client integration.

Liferay CX Frontend Skill

This skill provides expert procedural knowledge for creating, packaging, and deploying Liferay Client Extensions, with a focus on React-based Custom Elements and Global CSS/JS.

Core Workflows

• Client Extension Creation: Use client-extension.yaml for defining extension metadata.
• React Custom Elements: Build and package React applications to run as Liferay Custom Elements.
• OAuth2 Integration: Securely connect frontend components to Liferay APIs using OAuth2.

STRICT EXECUTION PROTOCOL (MANDATORY READS)

You MUST NOT rely on pre-existing Liferay knowledge. You MUST use the read_file tool to read the following reference documents BEFORE beginning execution or strategy planning:

• General Liferay Tasks: Read LIFERAY_BEST_PRACTICES.md for baseline standards.
• Client Extension Basics: Read GUIDED_CLIENT_EXTENSION.md for client-extension.yaml standards.
• React Custom Elements: Read REACT_CUSTOM_ELEMENT_CLIENT_EXTENSION_GUIDE.md for build and deployment steps.
• OAuth2 in Fragments/Extensions: Read OAUTH2_CLIENT_FRAGMENT_GUIDE.md for API authentication patterns.