adobecom

adobecom/da-express-milo

Command Claude Code

Author content from Figma to DA, then build the matching Express block against the published page.

adobecom/da-express-milo

Skill Claude CodeCodex

Authors a DA page from a Figma design for a block that already exists in code. Resolves the exact authoring structure and known variants from real examples (nala test fixtures, then kitchen sink, then code as a last resort) instead of inventing one, matches the Figma frame to the correct block name, and extracts…

adobecom/da-express-milo

Agent Claude Code

Delegated from Phase 2 of the main SKILL.md. Given a confirmed block name, resolves the exact DA authoring table structure for that block plus its list of known variants — without inventing or generalizing a structure. This skill never defines authoring structure; it always copies one that already exists.

adobecom/da-express-milo

Agent Claude Code

Delegated from Phase 3 of the main SKILL.md. Extracts structured content from a single Figma frame.

adobecom/da-express-milo

Skill Claude CodeCodex

Builds a new Express block component from Figma designs using the Figma MCP, validates visually with Playwright MCP, then runs accessibility and performance audits. Provide a preview URL (localhost or DA preview/published) and one or more Figma frame URLs for different device sizes. For DA published pages (.aem.live)…

adobecom/da-express-milo

Agent Claude Code

This script is delegated from Phase 6 of the main SKILL.md. Run only after the visual comparison loop (Phase 5) is complete.

adobecom/da-express-milo

Agent Claude Code

This script is delegated from Phase 7 of the main SKILL.md. Run only after the visual comparison loop (Phase 5) and the accessibility audit (Phase 6) are complete.

adobecom/da-express-milo

Agent Claude Code

This script is delegated from Phase 5 of the main SKILL.md. Use Playwright MCP for all browser interactions.

adobecom/da-express-milo

Skill Claude CodeCodex

Extracts content from Figma designs and produces an authored HTML document following the Express EDS block authoring pattern. Downloads Figma assets locally, then uploads images and HTML directly to the DA admin API. Handles text, media, and icons.

adobecom/da-express-milo

Skill Claude CodeCodex

Generates Nala E2E tests for a block or page. Creates the standard 4-file structure (block.json, spec, test, page object) matching the pattern produced by npm run nala-test-gen. Optionally creates a minimal DA test page for the block.

adobecom/da-express-milo

Cursor rule Cursor

APPLY: Block decoration and performance optimization.

adobecom/da-express-milo

Cursor rule Cursor

Cursor rule "aem-franklin-loading-phases" from adobecom/da-express-milo, covering aem franklin loading phases & performance, aem/franklin loading phases (critical architecture), three-phase loading (e-l-d) assignment, phase e budget rules and block performance pattern (hero-marquee style).

adobecom/da-express-milo

Cursor rule Cursor

Cursor rule "aem-markup-sections-blocks" from adobecom/da-express-milo, covering aem markup, sections, and blocks architecture, document structure hierarchy, 1. default content (preferred), 2. sections (layout grouping) and 3. blocks (component logic).

adobecom/da-express-milo

Cursor rule Cursor

Cursor rule "aem-three-phase-performance" from adobecom/da-express-milo, covering aem three-phase loading (e-l-d), phase assignment, phase e budget rules and implementation pattern.

adobecom/da-express-milo

Cursor rule Cursor

When conducting code reviews, you MUST check ALL of the following rules and provide the specific format outlined below.

adobecom/da-express-milo

Cursor rule Cursor

Cursor rule "core-web-vitals-standards" from adobecom/da-express-milo, covering core web vitals performance standards, performance is non-negotiable, critical: css render-blocking detection & resolution, css render-blocking root cause and required aem performance pattern.

adobecom/da-express-milo

Cursor rule Cursor

When the user asks to optimize variable usage of their files, look at the CSS values that do not use vars. Reference styles.css for existing vars that match the value EXACTLY and ensure that the var name and the value are semantically similar. For example, do not use a spacing variable for font sizes and vice versa.…

adobecom/da-express-milo

Cursor rule Cursor

Cursor rule "css-render-blocking-diagnosis" from adobecom/da-express-milo, covering css render-blocking diagnosis & resolution, critical learning from 98 pagespeed achievement, primary diagnostic protocol, step 1: css blocking symptom recognition and step 2: css loading sequence audit.

adobecom/da-express-milo

Cursor rule Cursor

APPLY: "Code review" queries and block creation.

adobecom/da-express-milo

Cursor rule Cursor

Cursor rule "dom-manipulation-best-practices" from adobecom/da-express-milo, covering dom manipulation performance rules - three-phase strategy, aem performance principles (required), phase e - lcp critical dom operations (required), createelement pattern (required) and phase-aware dom construction (required).

adobecom/da-express-milo

Cursor rule Cursor

Cursor rule "dom-structure-preservation" from adobecom/da-express-milo, covering dom structure preservation rule - three-phase compatible, critical: never break existing dom structure, ⚠️ absolute requirement: identical markup post-optimization, why this matters and ✅ allowed performance optimizations (all phases).

adobecom/da-express-milo

Cursor rule Cursor

Cursor rule "event-handling-performance" from adobecom/da-express-milo, covering event handling performance rules - three-phase strategy, aem performance principles (required), phase e - critical event handlers only (required), phase l - enhanced event handling (required) and throttling & debouncing (required).

adobecom/da-express-milo

Cursor rule Cursor

APPLY: Block development and optimization.

adobecom/da-express-milo

Cursor rule Cursor

Cursor rule "express-milo-performance-diagnosis" from adobecom/da-express-milo, covering express-milo performance diagnosis, performance issue decision tree, root cause: css render-blocking in scripts.js, aem eds transformation requirements and solution pattern.