sfcc-page-designer

Implement SFCC Page Designer page and component meta definitions from Markdown guides.

27|9|Updated Aug 8, 2025
One-click install
npx skills add https://github.com/taurgis/sfcc-dev-mcp --skill sfcc-page-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sfcc-page-designer
Source: https://github.com/taurgis/sfcc-dev-mcp/tree/main/ai-instructions/skills/sfcc-page-designer
Command: npx skills add https://github.com/taurgis/sfcc-dev-mcp --skill sfcc-page-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Page Designer is a powerful tool in SFCC that can be challenging for non-technical teams to configure. This Skill provides a concise guide for defining page types, component types, and their attributes, making it easier to model storefront content and behavior.

Core Features & Use Cases

  • Clear guidance on creating Page Designer meta definitions for pages and components
  • Examples of region definitions and attribute groups aligned with the META-DEFINITIONS.md and ATTRIBUTE-TYPES.md references
  • A ready-to-adapt file structure demonstration for cartridges and experience assets

Quick Start

Create a starter Page Designer scaffold with sample page and component definitions to guide implementation.

Frequently Asked Questions about sfcc-page-designer

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

FAQPage Schema
How do I create Page Designer page types and component types in SFCC?

Page Designer meta definitions for SFCC are created by defining page types and component types through JSON schemas, establishing regions and attributes that model storefront content and behavior based on Markdown reference guides.

What are SFCC Page Designer meta definitions and when do I need them?

SFCC Page Designer meta definitions are JSON-based configurations that specify page types, component types, regions, and attributes. They are needed to structure and model storefront content behavior within the Page Designer tool.

How do I define regions and attribute groups for SFCC Page Designer components?

Regions and attribute groups for SFCC Page Designer are defined using the JSON schemas illustrated in META-DEFINITIONS.md and ATTRIBUTE-TYPES.md, ensuring consistent naming, grouping, and documentation practices across component configurations.

Do I need a specific file structure for SFCC Page Designer cartridges and assets?

Building SFCC Page Designer components requires an organized cartridge and experience asset file structure. The skill provides a ready-to-adapt scaffold demonstrating sample page and component definitions to guide your cartridge implementation.

Can I use this to scaffold a starter SFCC Page Designer component setup?

Yes, you can generate a starter Page Designer scaffold with sample page and component meta definitions. This provides a ready-to-adapt file structure demonstration for cartridges and experience assets to guide your implementation.

Why are my SFCC Page Designer component attributes not displaying correctly?

Incorrect SFCC Page Designer component attributes often result from inconsistent naming, grouping, or schema misalignment. Enforcing practices referenced in ATTRIBUTE-TYPES.md ensures attribute definitions are properly structured and recognized.