Using the Block Collection and Block Party

Search Block Collection and Block Party for AEM Edge Delivery code patterns.

Updated Feb 15, 2024
One-click install
npx skills add https://github.com/shsteimer/shsteimer-com --skill using-the-block-collection-and-block-party
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/shsteimer/shsteimer-com/tree/main/.claude/skills/block-collection-and-party
Command: npx skills add https://github.com/shsteimer/shsteimer-com --skill using-the-block-collection-and-block-party

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Developers waste time searching for existing AEM Edge Delivery code examples, patterns, and integrations. This skill centralizes discovery, preventing reinvention and ensuring best practices.

Core Features & Use Cases

  • Unified Search: Query both Adobe's vetted Block Collection and the community-driven Block Party for blocks, plugins, build tools, and integration patterns.
  • Reference Implementations: Quickly locate working code examples to inform new development, ensuring adherence to best practices.
  • Use Case: When starting a new "carousel" block, use this skill to automatically find existing carousel implementations in both the Block Collection (for Adobe best practices) and Block Party (for community innovations), saving hours of initial design and coding.

Quick Start

Example: Search for accordion/FAQ blocks in Block Collection

node .claude/skills/block-collection-and-party/scripts/search-block-collection.js accordion

Example: Search for Sass integration examples in Block Party

node .claude/skills/block-collection-and-party/scripts/search-block-party.js --category "Build Tooling" sass

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 existing AEM Edge Delivery block code examples?

Search both Adobe's Block Collection and the community Block Party using provided scripts. Query by block type (carousel, accordion) or category (Build Tooling, plugins) to locate reference implementations, live demos, and code patterns in JSON format.

Can I search for AEM block patterns across multiple sources at once?

Yes. This skill searches both the vetted Block Collection and community-driven Block Party simultaneously, returning structured results with category filtering, live demo URLs, and code references in a single query.

What's the fastest way to locate best practices for building a new AEM Edge Delivery block?

Use the unified search to query both block repositories by block type or integration pattern. Results surface working implementations, design patterns, and Adobe best practices alongside community innovations, eliminating manual discovery.

Does this work with AEM Sidekick and Document Authoring plugins?

Yes. The skill supports search and discovery for AEM Edge Delivery implementations including Sidekick and Document Authoring plugin patterns, helping you find integration examples and reference code for these components.

How do I find build tool integrations for AEM block development?

Filter searches by category such as Build Tooling to discover plugin implementations, tool integrations, and Sass or other preprocessor examples across both the Block Collection and Block Party repositories.