By 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.yamlfor 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.yamlstandards. - 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.