https://github.com/graycoreio/magento2-cms-ai-builder
A Magento 2 module that extends the CMS page editor with AI-powered content generation and visual preview capabilities.
https://github.com/graycoreio/magento2-cms-ai-builder
Last synced: 6 months ago
JSON representation
A Magento 2 module that extends the CMS page editor with AI-powered content generation and visual preview capabilities.
- Host: GitHub
- URL: https://github.com/graycoreio/magento2-cms-ai-builder
- Owner: graycoreio
- Created: 2025-11-18T17:54:45.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-12-16T16:15:59.000Z (7 months ago)
- Last Synced: 2025-12-20T07:19:49.114Z (7 months ago)
- Language: PHP
- Size: 527 KB
- Stars: 5
- Watchers: 2
- Forks: 2
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Graycore AI CMS Builder
A Magento 2 module that extends the CMS page editor with AI-powered content generation and visual preview capabilities.
> [!IMPORTANT]
> The native renderer for Luma/Hyva themes is poorly test. Please help me test it and find bugs.
> [!WARNING]
> **This package is highly experimental and NOT production-ready.**
>
> - Breaking changes may occur at any time without notice
> - API stability is not guaranteed
> - Data loss or corruption may occur
> - Security vulnerabilities may exist
> - No support or warranty is provided
>
> **Use at your own risk.** This package is intended for testing, evaluation, and development purposes only. Do not use in production environments or with critical data.
daff.io
|
Youtube Demo
|
Daffodil Demo
## Overview
This module adds an AI-powered visual editor to Magento 2's CMS pages, allowing content managers to:
- Generate page schemas from text prompts using OpenAI
- Preview content in real-time using an Angular-based renderer
- Store and serve dynamic content via GraphQL and standard theme like Luma
## Features
- **AI Schema Generation**: Convert text prompts into structured component schemas using OpenAI GPT-4
- **Visual Editor**: Split-pane editor with prompt input and live preview
- **Component Registry**: Configurable component system for defining available UI components
- **GraphQL Integration**: Schemas automatically available via GraphQL for frontend consumption
- **Custom Element Support**: Preview uses Angular web components (custom elements)
## Installation
1. Download the package:
```bash
composer require graycore/magento2-cms-ai-builder
```
2. Configure the package:
3. Enable the module:
```bash
bin/magento module:enable Graycore_CmsAiBuilder
```
## Customizing the Editor
You can replace the default Angular editor with your own implementation by configuring custom script paths in your module's `etc/config.xml`:
```xml
Vendor_Module/js/custom-editor/polyfills.js
Vendor_Module/js/custom-editor/main.js
```
These scripts should be built as an Angular app following the documentation from the `@daffodil/content` admin editor guide (WIP).
## Known Problems
These are problems that I know exist, and would really love help with:
- [ ] The model's UI output is fairly bland and lacks context about the store.
- [ ] The model's responses are fairly slow (high latency)
- [ ] When I'm interacting with the model, if I cancel a request the whole UI freezes (this is a side effect of Magento's session-locking=, try `disable_locking`)
- [ ] When I save a page while the model is responding, the UI waits to save until the model has finished its last response.
- [ ] It doesn't generate links, buttons, or forms fields.
## License
See [LICENSE](./LICENSE)