메뉴
Helps AI Coding agents to create Oracle APEX UI components, including HTML structure, CSS styling, and JavaScript behavior, following best practices for responsive design and accessibility and using the built-in APEX utility classes and CSS variables.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Extension for APEXlang development workflows. Use when working with APEXlang, validating page components, or looking for specific APEXlang expertise documentation. High-level lessons learned for working with APEXlang effectively.
Oracle SQLcl Project deployment pipeline skill. Use when: project export, project stage, project stage add-custom, DML file creation, changeset splitting, Liquibase changesets, deploy install.sql, stage.changelog.xml, branch immutability, MCP SQLcl connection, seed data, lookup table DML, APEX workspace setup via SQLcl, APEXlang compile apex import, APEXlang validate apex validate, prj_compile, prj_validate.
| name | apex-ui |
| description | Helps AI Coding agents to create Oracle APEX UI components, including HTML structure, CSS styling, and JavaScript behavior, following best practices for responsive design and accessibility and using the built-in APEX utility classes and CSS variables. |
This skill provides guidelines and best practices for creating Oracle APEX UI components, including HTML structure, CSS styling, and JavaScript behavior. It emphasizes responsive design, accessibility, and the use of built-in APEX utility classes and CSS variables.
When asked to create an APEX UI component, use the files below to incorporate the built-in APEX utility classes and CSS variables for consistent styling and behavior. Also take advantage of the APEX grid system for responsive layouts and Font APEX for any iconography needed.
Files to use:
apex-badges.md for badge component implementation patterns (template directives and direct HTML)apex-select-items.md for Select One and Select Many item types — modern LOV-based items with Value HTML Expression support for rendering icons, colors, and badges in dropdownsapex-html-escaping.md for APEX HTML escaping and XSS prevention best practicesapex-css-vars.md for available CSS variables to style componentsapex-utility-classes.md for utility classes to apply common styles and behaviorsfont-apex-icons.md for the complete list of 1,489 available Font APEX icons (with categories and search hints from database)Maintenance tasks (run only when a new APEX version is released — never during normal development): use prompt
/refresh-apex-iconsto update the icon list, or/refresh-apex-css-varsto update the CSS variable list.
On top of these files, use the Universal Theme sample app as a reference for best practices in HTML structure, CSS styling, and responsive design: https://oracleapex.com/ords/apex_pm/r/ut/getting-started
When creating the HTML structure of the component, use semantic elements to improve accessibility and SEO. For styling, use external stylesheets and avoid inline styles. Ensure the component is responsive by using media queries and flexible layouts. Prioritize accessibility by using ARIA roles and attributes where appropriate.