DesignCAN I VIBECODE
Genially?
BUILD FIRST
- One specific customer type and one primary use case
- A vertical slice that completes the main job without manual workarounds
- Visible limits, review steps, and a fallback when an external dependency fails
LEAVE FOR LATER
- Broad third-party integrations
- High-scale collaboration, syncing, and permissions
- Automation that can cause harm without human review
RESEARCH NOTES
What this tool actually does.
Genially is a cloud-based, no-code platform for creating interactive visual content such as presentations, infographics, e-learning games, training materials, and marketing assets. Its editor offers thousands of templates with interactions and animations pre-applied, plus a widget library, quiz builder, and Genially AI for content generation. Users add click/hover interactions, animations, audio, and video via integrations, then publish via a shareable link or embed into websites, articles, and LMS platforms. Live presentation mode supports real-time quizzes and polls without external tools. An Activity dashboard shows engagement analytics, and assessment scores can sync to LMS gradebooks. Real-time team collaboration includes live editing and admin controls. The platform emphasizes accessibility by design and security/privacy compliance.
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build a focused replacement for Genially's core workflow: a browser-based, no-code interactive content editor for presentations, infographics, and quizzes. Workflow: user chooses a template or blank canvas, drags and resizes elements (text, images, shapes, media), configures on-click/on-hover interactions and entrance animations, adds quiz questions with scoring, then publishes as a shareable link or embeddable iframe. Technical requirements: a React or Vue web app with a freeform DOM-based editor and an undo/redo state model; a runtime player that executes interaction rules (click/hover triggers, animation sequences) via CSS animations or Web Animations API; scene/slide timeline; quiz logic with results tracking; backend for project persistence (database + asset file storage) and publishable URLs; minimal role model distinguishing edit vs. view access; real-time collaboration with presence cursors via WebSockets. Approach: store each project as a JSON scene graph with an asset manifest; generate static embeddable builds for published content; use a component library for the editor chrome but design an original UI. Explicitly do not copy Genially's brand, logo, UI styling, template designs, or proprietary assets. Out-of-scope: native mobile apps, LMS/SCORM integration, AI content generation, billing/subscription systems, and marketing pages. Deliver a README covering setup steps, architecture overview, and known limitations (e.g., large-project performance, browser support, no offline editing).