Create Component
adobe/skills/plugins/aem/cloud-service/skills/create-componentby adobe940b8795c0dfApache-2.0197 starsListed Oct 9, 2026Updated Oct 8, 2026Repository updated today
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.
- 940b8795c0dfCurrentcommit 940b879Published Oct 8, 2026
Source and attribution
Source:adobe/skillsinplugins/aem/cloud-service/skills/create-componentat commit940b879
License: Apache-2.0
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from adobe/skills
Prototype
adobe
Render a proposed redesign of a page on the current website as a self-contained static HTML file, then iterate via the impeccable craft loop. Per-page, idempotent, stale-aware. Use when the user asks for a redesign prototype, a before/after comparison, a design preview, a page mockup, a visual diff of the redesign, or invokes `$stardust prototype` (`/stardust:prototype` in Claude Code).
Direct
adobe
Sets a redesign direction for an existing website, producing target spec files and a reasoning trace.
Prepare Migration
adobe
Orchestrates a five-phase website migration preparation cascade, producing typed page inventories, a confirmed module catalog, design canon and prepared assets.
Testing Blocks
adobe
Guides testing of AEM Edge Delivery Services code changes: linting, mandatory browser validation, and optional unit tests.
Ue Component Model
adobe
Guides creation and editing of the three JSON files that configure AEM Edge Delivery Services blocks in the Universal Editor.
Preview Import
adobe
Verifies imported HTML content in a local AEM Edge Delivery Services dev server by previewing and comparing it to the original page.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.