block-scaffolder

What problem does it solve?

Creating a new Adobe Edge Delivery Services (EDS) block from scratch is slow and error-prone because authors must follow EDS table-to-DOM structure, naming conventions, scoped styling, and safe, null-tolerant decoration patterns.

Core Features & Use Cases

• Block scaffold generation: Turns a natural-language block description into a complete starting point including a JavaScript decorate() function, scoped CSS, example authoring markup, and a test page.
• EDS-convention correctness: Enforces block folder layout, lowercase hyphenated naming, .block-name-scoped CSS, and the expected table structure for Google Docs/Word/da.live authors.
• Accessibility- and author-safety oriented output: Guides the generated logic toward ARIA patterns for interactive components, null safety for empty author cells, and responsive image handling via createOptimizedPicture.

Quick Start

Tell the AI: “Create an EDS block scaffold named feature-cards that renders a highlightable cards grid with accessible interactive behavior, generates scoped mobile-first CSS, includes example authoring table markup, and provides a validation checklist.”