Does this skill provide official Adobe documentation?

This skill focuses on code implementations and working examples. For official developer documentation, it is recommended to use the related docs-search skill.

Can I use this for projects not using Adobe Experience Manager?

While the skill is optimized for AEM Edge Delivery Services, the code patterns, UI components, and logic can serve as high-quality, high-performance references for any modern web development project.

What is the difference between Block Collection and Block Party?

Block Collection is Adobe-maintained and vetted for best practices, while Block Party is a community-driven repository with a wider variety of experimental tools, integrations, and niche blocks.

How do I get the HTML structure for a specific block?

You can use the get-block-structure.js script within this skill to see the exact HTML rows and columns expected by the block's JavaScript decoration logic before it renders.

Block Collection & Party Finder

Name: Block Collection & Party Finder
Author: ddttom

byddttom

0•

内容管理

Discovers reference implementations and code patterns from Adobe AEM Edge Delivery repositories to accelerate web development.

This skill enables developers to search and retrieve high-quality code examples, UI blocks, and integration patterns from the official Adobe Block Collection and the community-driven Block Party. It helps bridge the gap between design and implementation by providing pre-vetted HTML structures, CSS styles, and JavaScript decoration logic for AEM Edge Delivery Services, ensuring best practices in performance and accessibility are followed from the start of every project.

主要功能

01Retrieves exact pre-decoration HTML structures to ensure correct block rendering

02Supports discovery of specialized integrations like Sass, Vite, and third-party services

03Parallel search across official Adobe and community-contributed block repositories

04Provides direct links to source JS, CSS, and live demo examples

05Filters results by category including sidekick plugins, build tools, and code snippets

060 GitHub stars

使用场景

01Researching how to integrate third-party tools like Adobe Target or Google Analytics into an AEM site

02Obtaining the correct HTML markup required for sidekick and Document Authoring plugins

03Finding a production-ready accordion or carousel block implementation for AEM Edge Delivery

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ddttom/allaboutv2 block-collection-and-party

For use in Claude.ai and ChatGPT

Download Skill