Quality Assurance & Testing

Create Component

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. Use this skill whenever the user mentions creating, building, generating, or scaffolding an AEM component, or mentions component types like teaser, card, hero, banner, accordion, tabs, carousel, list, navigation, breadcrumb, or any custom AEM component. Also trigger when the user wants to extend a Core Component, create a component dialog, add a Sling Model, or convert a Figma design into an AEM component.

Publisher / source
adobe/skills (found on skills.sh)
Upstream record
adobe/skills
Version
Version 3
Published
Publication review
Approved for publication
Content fingerprint
e0fd1e34da4f3857dcce1ca072f7072d7e244f7c8c992d37570ba3966ac350f6