demo-planner
01Agent Claude Code
Plans a realistic VS Code demo scene based on tip card content. Reads tip text, understands the concept, and generates specific prompts for Claude Code, Copilot CLI, and VS Code Chat.
AI-powered development plugins for Claude Code & Copilot CLI — requirements to PR workflow, AEM tooling, and autonomous CI agents. 78 skills, 13 agents, 4 plugins.
Agent Claude Code
Plans a realistic VS Code demo scene based on tip card content. Reads tip text, understands the concept, and generates specific prompts for Claude Code, Copilot CLI, and VS Code Chat.
Agent
Executes AEM-specific bug verification steps — navigates to AEM pages, reproduces bugs visually via Playwright, captures screenshots, and returns verification evidence. Used by dx-bug-verify skill when the bug involves AEM components.
Agent
Captures AEM component editorial guide via Playwright — opens editor, triggers dialog, screenshots, and writes editor-friendly docs. Use for post-development documentation.
Agent
Verifies AEM component frontend rendering — creates/reuses demo pages, screenshots components in wcmmode=disabled via Playwright, compares against Figma reference or requirements using multimodal vision. Used by aem-fe-verify skill.
Agent
Resolves all source files for a component across project repos. Reads file-patterns.yaml for path conventions. Returns file paths with clickable ADO URLs. Used by aem-component and dx-ticket-analyze skills.
Agent
Inspects AEM components via MCP — captures dialog fields, finds pages, creates test pages, configures demo data. Use for pre/post development component verification.
Agent
Finds all AEM pages that use a given component. Returns page paths with clickable author URLs. Used by aem-component and aem-page-search skills.
Agent
Senior code reviewer. Reviews code changes against plans, project conventions, and production readiness. Uses confidence-based filtering (>=80) to report only issues that truly matter. Use for full-diff reviews before merging.
Agent
Searches .ai/ index and reference files to look up components, architecture patterns, and feature context. Avoids expensive MCP calls. Used by dx-help, dx-ticket-analyze, and component lookup skills.
Agent
Analyzes Figma extraction to identify UI building blocks (buttons, images, cards, forms, etc.) and searches the codebase for existing components that can be reused. Used by dx-figma-prototype.
Agent
Discovers HTML and accessibility conventions from the consumer project — semantic patterns, component structure, ARIA usage, keyboard handling. Used by dx-figma-prototype.
Agent
Discovers CSS/SCSS conventions from the consumer project — variables, breakpoints, typography, spacing, theming, naming patterns. Used by dx-figma-prototype.
Agent
Resolves all source files for a component or module across project repos. Returns file paths as clickable ADO URLs. Used by dx-ticket-analyze and component lookup skills.
Agent
Reviews a single ADO pull request — fetches diff, loads project conventions, analyzes code changes, and returns structured findings with severity and line-level comments. Does NOT post to ADO — returns findings for user approval. Used by review and reviews skills.