Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components. When a Figma design URL is provided, fetches the design via Figma MCP (get_design_context) and translates it into pixel-perfect HTL, CSS, and JS. Follows Adobe Experience League best practices for AEM Cloud Service and 6.5.
Install
npx skills add adobe/skills --skill create-componentnpx skills add adobe/skills --skill create-component -a claude-code -gnpx skills add adobe/skills --skill create-component -a codex -ggemini skills install https://github.com/adobe/skills.git --path plugins/aem/cloud-service/skills/create-componentgh skill install adobe/skills create-componentgit clone --depth 1 https://github.com/adobe/skills /tmp/adobe__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/adobe__skills/plugins/aem/cloud-service/skills/create-component ~/.claude/skills/create-component # Claude Code
cp -R /tmp/adobe__skills/plugins/aem/cloud-service/skills/create-component ~/.agents/skills/create-component # Codex, Cursor, Gemini CLI, Copilot, OpenCode