skills.rest
pragyaP17
pragyaP17COMMUNITY
Explore all skills by this author →
GitHub

Using the Block Collection and Block Party

Search Block Collection and Block Party for AEM Edge Delivery block references.

Updated Sep 18, 2025
Search Tags:#developer tools#patterns#code examples#AEM#reference implementations#Edge Delivery#block collection#block party
One-click install
npx skills add https://github.com/pragyaP17/universal-editor --skill using-the-block-collection-and-block-party-pragyap17
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Using the Block Collection and Block Party
Source: https://github.com/pragyaP17/universal-editor/tree/main/.claude/skills/block-collection-and-party
Command: npx skills add https://github.com/pragyaP17/universal-editor --skill using-the-block-collection-and-block-party-pragyap17

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires jsdom, and includes scripts (resource) components.

What problem does it solve?

Finding reliable reference implementations, code snippets, or integration patterns for AEM Edge Delivery blocks can be time-consuming, leading to reinventing the wheel or using suboptimal solutions. This skill streamlines the search for existing resources.

Core Features & Use Cases

  • Dual-Repository Search: Searches both the Adobe-maintained Block Collection (best practices) and the community-driven Block Party (broader variety, plugins, tools).
  • Block Structure Retrieval: Critically fetches pre-decoration HTML examples for any block, ensuring correct content model understanding.
  • Code & Live Example Access: Provides direct links to JavaScript, CSS, and live examples for quick review and adaptation.
  • Categorized Search: Allows filtering Block Party results by category (e.g., "Build Tooling", "Sidekick Plugin") for targeted discovery.

Quick Start

Use the 'Using the Block Collection and Block Party' skill to find reference implementations for an 'accordion' block, including its expected HTML structure and code examples.

Frequently Asked Questions about Using the Block Collection and Block Party

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find code examples and HTML patterns for AEM Edge Delivery blocks?▼

Search both the Block Collection and Block Party to retrieve reference implementations, pre-decoration HTML structures, and code examples with direct links to JavaScript, CSS, and live demos for any block you're building.

What's the difference between Block Collection and Block Party for AEM development?▼

Block Collection contains Adobe-maintained best practices and standard blocks, while Block Party offers community-driven blocks, plugins, and tools with broader variety. Searching both ensures access to both proven patterns and specialized solutions.

Can I search AEM blocks by category or type?▼

Yes. Block Party results can be filtered by category—such as Build Tooling, Sidekick Plugin, or other classifications—enabling targeted discovery of blocks matching your specific use case or integration type.

How do I understand the correct HTML structure for a custom AEM block?▼

Fetch pre-decoration HTML examples from the Block Collection or Block Party for any block to understand its expected content model, ensuring your custom implementation matches established patterns.

Where can I find integration examples for third-party tools with AEM Edge Delivery?▼

Search the Block Party for third-party integrations and specialized tools alongside standard blocks. Results include live demo URLs and code links for quick review and adaptation into your project.

Do I need both repositories to build AEM blocks effectively?▼

While Block Collection provides Adobe best practices, querying both Block Collection and Block Party together returns a richer result set covering standard blocks, plugins, and community patterns, reducing the need to search separately.

Related Skills

Explore More Software Engineering Skills→
aemsitesaemsites
1

find-test-content

Locate pages containing a specified AEM block via query-index and jsdom.

Official
Intermediate
arbory-digital-incarbory-digital-inc

Testing Blocks

Run unit, browser, lint, and performance tests for AEM Edge Delivery projects.

Official
Intermediate
valithedgevalithedge

block-collection-and-party

Search Block Collection and Block Party resources for AEM block references.

Community
Advanced
adobeadobe
45

Using the Block Collection and Block Party

Search Adobe AEM Block Collection and Block Party for reference implementations.

Official
Intermediate