CMS Component Builder

Build production-ready Optimizely CMS components with proper GraphQL integration, daisyUI styling, and TypeScript type safety.

When to Use This Skill

ALWAYS use this skill when the user asks to:

Create a new component, page, or experience (e.g., "create a testimonial component", "add a new page type")
Modify or update .opti-type.json files (content type definitions)
Modify or update .opti-style.json files (style/display template definitions)
Create or modify GraphQL fragments (.graphql or .dam.graphql files)
Add components to allComponents.graphql or similar aggregation files
Debug component rendering issues
Fix GraphQL type errors related to components
Push/sync content types or styles to the CMS
Understand how the component system works