CmcS-Workflow

Defines naming conventions, file structure, prop patterns, and composition rules for React/Next.js components. Ensures consistency across the codebase.

Generates conversion-optimized landing pages using a 9-section framework. Produces mobile-first, fast-loading pages with strategic CTA placement and social proof.

Defines and enforces visual design tokens across all generated components. Ensures brand consistency without re-explaining colors, fonts, or spacing every session.

Enforces mobile-first responsive design patterns. All components start at mobile width and scale up using min-width breakpoints. No desktop-first CSS.

Auto-generates SEO meta tags, Open Graph data, structured data (JSON-LD), and sitemap entries for every page created.