Modeling Content
CommunityDesign author-friendly content, effortlessly.
Software Engineering#semantic HTML#design patterns#content structure#author experience#AEM#content modeling#block development
Authorshsteimer
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Poorly designed content models lead to author frustration, inconsistent content, and difficult block maintenance. This skill guides you through creating intuitive, semantic, and reusable content models for AEM Edge Delivery blocks, ensuring a smooth authoring experience.
Core Features & Use Cases
- Canonical Model Selection: Helps identify the most appropriate content model type (Standalone, Collection, Configuration, Auto-Blocked) for any block, balancing flexibility with authoring simplicity.
- Best Practices & Anti-Patterns: Provides clear guidelines for designing table structures, using semantic formatting, and avoiding common pitfalls like excessive columns or non-semantic content.
- Use Case: When developing a new "cards" block, this skill helps you define a content model where each card is a row with clear columns for image, heading, and description, making it easy for authors to create and manage card content without needing developer intervention.
Quick Start
Example: A simple Hero block content model
Content Model: Hero
Block Type
Standalone
Table Structure
| Hero | |------| | [Image] | | [Heading, description, and CTA] |
How It Works
Authors create a hero block using a simple table. The structure is flexible:
- Image can be in its own row or column
- Text content (heading, description, CTA) can be together or separated
- Decoration code uses semantic formatting to identify elements:
- H1 or bold text -> heading
- Regular paragraphs -> description
- Links -> call-to-action
Dependency Matrix
Required Modules
None requiredComponents
resources
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Modeling Content Download link: https://github.com/shsteimer/shsteimer-com/archive/main.zip#modeling-content Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.