aem-apps-lab-developer

🥈Silver

Project content and structured lessons for the Adobe Marketing Summit AEM Apps developer lab. Designed for developers learning to build mobile apps with AEM.

11100Updated 1mo ago

Intermediate30min to implementmarketing

Saves ~30 min per use

Quick InstallView Source

git clone https://github.com/Adobe-Marketing-Cloud-Apps/aem-apps-lab-developer.git

Works with:

Claude

Overview

About This Skill

The aem-apps-lab-developer skill provides project content created to accompany the Adobe Marketing Summit developer lab focused on AEM Apps. It includes structured lessons, content components, and supporting assets organized for step-by-step developer instruction. The repository is built with a Maven project structure (pom.xml) and covers topics including advanced component development, as indicated by modules added for PhoneGap Day. Developers working with Adobe Experience Manager mobile app development will find ready-to-use lab materials and content packages to guide hands-on learning. This skill is suited for AEM developers seeking guided, lab-style instruction on building and extending AEM-based mobile applications.

Use Cases

Following structured lessons during the Adobe Marketing Summit AEM developer lab

Learning advanced AEM component development for mobile apps

Setting up AEM Apps project content packages for hands-on practice

Exploring PhoneGap and AEM integration through guided lab modules

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/Adobe-Marketing-Cloud-Apps/aem-apps-lab-developer

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

Act as an Adobe Experience Manager (AEM) developer. Create a detailed project plan for a developer lab at the Adobe Marketing Summit. The project should focus on [TOPIC], targeting [INDUSTRY] professionals. Include steps for setup, implementation, and deployment. Ensure the content is beginner-friendly but technically accurate. Use [DATA] to support your recommendations.

Example Output

# Adobe Experience Manager (AEM) Developer Lab Project Plan

## Project Overview
**Topic:** Building a Headless CMS with AEM
**Target Industry:** Digital Marketing
**Objective:** Enable marketers to create and manage content efficiently using AEM's headless capabilities.

## Project Steps
1. **Setup AEM Environment**
   - Install AEM SDK locally or use AEM as a Cloud Service.
   - Configure the development environment with necessary tools (e.g., Maven, Eclipse).

2. **Create Content Models**
   - Define content models using AEM's Content Fragment Models.
   - Use [DATA] to identify common content types in [INDUSTRY].

3. **Implement Headless Delivery**
   - Set up GraphQL endpoints for content delivery.
   - Ensure the API is secure and scalable.

4. **Develop Frontend Integration**
   - Integrate the headless CMS with a frontend framework (e.g., React, Angular).
   - Use AEM's SPA Editor for seamless content management.

5. **Test and Deploy**
   - Conduct thorough testing to ensure functionality and performance.
   - Deploy the solution to a production environment.

## Expected Outcomes
- Marketers can manage content without deep technical knowledge.
- Developers can leverage AEM's headless capabilities for flexible content delivery.

Apply to these tools

Browse all tools

Developer Studio

Build in minutes. Launch in weeks.

Compatible MCP servers

Browse all MCP servers

Find the right skills for your stack

Take a free 3-minute scan and get personalized AI skill recommendations.

Take free scan