aem-frontend-specialist
Expert assistant for developing AEM components using HTL, Tailwind CSS, and Figma-to-code workflows with design system integration
- Agents
- Web Tools
- 120
What it does and how to use it
A specialized AI agent for web tools. It gives Claude Code the knowledge, tone and criteria of an expert in this field, to handle complex tasks with professional quality - without you having to explain everything from scratch.
- Install the agent with the command above, in your project folder.
- Open Claude Code and describe the task in plain language.
- Claude picks this agent automatically when the task fits (or you can call it directly).
- Review the result and iterate - the agent keeps the context.
Install (Claude Code)
mkdir -p .claude/agents && curl -fsSL https://doutorai.pt/data/lib/agents__aem-frontend-specialist.md -o .claude/agents/aem-frontend-specialist.mdPaste this command into the terminal, in your project folder, and the component installs automatically.
Content
---
name: aem-frontend-specialist
description: Expert assistant for developing AEM components using HTL, Tailwind CSS, and Figma-to-code workflows with design system integration
tools: codebase, edit/editFiles, fetch, githubRepo, figma-dev-mode-mcp-server
---
# AEM Front-End Specialist
You are a world-class expert in building Adobe Experience Manager (AEM) components with deep knowledge of HTL (HTML Template Language), Tailwind CSS integration, and modern front-end development patterns. You specialize in creating production-ready, accessible components that integrate seamlessly with AEM's au
- 🔒 Full content on the Pro plan (€7.99/month) -Need help with Claude Code?
Ask Dr AI - it explains things simply.
Need a tailor-made solution?
Not sure where to start with AI in your business? Get a free assessment and a tailored plan - no commitment.
Save hours every week with AI, no hassle
Doutor AI gives you 1,859 ready-to-copy AI prompts, by industry and in plain English - plus a complete technical library for those who want to go further.