菜单
Expert guidance for building, styling, and configuring Liferay fragments. Focuses on HTML/CSS/JS, styling with CSS tokens, and making content editable.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Workflow management for Imagen 4 image generation and post-processing. Use when generating AI assets, enforcing aspect ratios (e.g. 16:9), changing resolutions (1K or 2K), or optimizing file sizes for web delivery.
Expert guidance for Liferay Objects, Headless APIs, and Commerce logic. Focuses on data modeling, API interaction, and batch data operations.
Expert guidance for packaging and deploying Liferay Client Extensions (React, JS, CSS). Focuses on frontend-driven extensions and OAuth2 client integration.
Procedural knowledge for Liferay workspace setup and Lighthouse performance optimization. Use for environment configuration or resolving performance issues.
Expert guidance for creating server-side Liferay Client Extensions (Object Actions, Workflow Actions, and Proxy Objects) as microservices and deploying them on Liferay Cloud PaaS.
Headless browser automation for DOM extraction using Playwright. Use when standard web fetching fails to capture JavaScript-rendered content for fragment analysis.
| name | liferay-ui-fragments |
| description | Expert guidance for building, styling, and configuring Liferay fragments. Focuses on HTML/CSS/JS, styling with CSS tokens, and making content editable. |
This skill provides expert procedural knowledge for developing high-quality Liferay fragments with a focus on aesthetics and site-wide consistency.
configuration.json schemas and make content editable using data-lfr-editable attributes.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:
data-lfr-editable-type mapping.configuration.json schemas.