🎨 Adobe Academy

🌟 Inspiration

Our inspiration for Adobe Academy came from observing the challenges educators and students face when creating educational content. During the hackathon's opening ceremony, we saw Adobe Express used to deliver visually engaging slides and immediately realized the potential for this tool to revolutionize education. Traditional slide creation is often time-consuming and results in visually uninspiring presentations. By leveraging AI, we envisioned dramatically simplifying this process and allowing educators to focus more deeply on teaching and inspiring their students.

💡 What It Does

Adobe Academy is an AI-powered add-on for Adobe Express that transforms educational concepts into professionally designed slides. In addition to slide generation for teachers, Adobe Academy creates flashcards, quizzes, and study guides on the go, enhancing student learning experiences. Users input a topic, upload educational content, or use speech-to-text functionality to generate tailored educational materials. The tool offers learning style customization, smart image generation for visual enhancement, and concise LaTeX rendering support for STEM subjects. Adobe Academy serves educators preparing lectures and students creating presentations, accommodating various educational levels and subject matters.

🛠️ How We Built It

We built Adobe Academy by combining web development frameworks with the Adobe Express SDK. Our backend, developed in Python, uses GPT models (OpenAI o4-mini for complex reasoning, GPT-4.1-turbo for agentic speed, and GPT-1-image for advanced visuals) to process inputs and generate structured JSON slide content. We utilized the newest AI tools, including v0, Cursor, and Claude code, to streamline our development. Initially, we built an MCP server performing Retrieval-Augmented Generation (RAG) using Adobe's GitHub repository data before finding more efficient methods through prompt engineering for context loading. Our solution integrates various image sources (DALL-E, Pexels, Unsplash) to provide contextually appropriate visuals. We included concise mathematical notation using LaTeX rendering for STEM-focused slides. For the frontend, we designed an intuitive sidebar interface in Adobe Express using HTML, CSS, and JavaScript. The Adobe Express SDK facilitated direct interaction with the main canvas, allowing seamless slide creation and modification.

🚧 Challenges We Ran Into

Significant challenges included mastering the Adobe Express SDK and accurately interacting with the main canvas, particularly for complex slide elements. Providing reliable, visually appealing, and educationally relevant AI-generated images proved difficult due to limitations of current AI image generators. Implementing precise LaTeX support posed formatting and sizing challenges. Extensive prompt engineering was necessary to produce educationally rich yet concise content. We also prioritized balancing content quality and generation speed to maintain responsiveness under 10 seconds.

🏆 Accomplishments We're Proud Of

We successfully enhanced Adobe Express by integrating powerful AI capabilities in a user-friendly manner. Our tool efficiently generates educational content, including robust STEM support, and delivers flashcards in 4-7 seconds. We achieved a compelling balance between textual and visual elements, significantly improving educational material presentation.

📚 What We Learned

We gained deep insights into developing on the Adobe Express platform and effectively utilizing its SDK. We learned advanced techniques in prompt engineering, enabling precise and structured AI content generation. Additionally, we enhanced our skills in designing intuitive user experiences that combine simplicity with powerful functionality.

🚀 What's Next for Adobe Academy

We've received encouraging user feedback throughout the hackathon, with a few students expressing enthusiasm for a tool like Adobe Academy. Moving forward, we aim to integrate with existing classroom technologies, enabling teachers to use Adobe Express slides directly to generate AI-driven quizzes and study materials. Future plans include specialized modules for different educational subjects, collaborative editing features, and deeper integration with educational platforms like Camino to streamline educators' workflows.

!!! CLICK "GENERATE SLIDE" BUTTON TWICE ON PRIVATE LINK

Built With

• adobe-express-sdk
• amazon-ec2
• claude-code
• css3
• html5
• javascript
• latex
• openai
• pexels
• python
• unsplash
• v0