fiery-ppt

Ayush Patel

We discussed the point you have mentioned. To recap: * We currently have the functionality to upload PPT template (similar to word) * yes, we can have multiple prompts (get the text/tabular responses in our UI) * We can then insert curly brackets However, the structure above does not work well for PPT. Unlike word (mostly designed for text/tabular outputs), PPT comes to life with the designs/styles and structures of the slides. The only way we can produce a professional PPT is having the LLM produce it. Please refer to the call notes - what we need is a structure as follows: * We have a number of prompts. We get the text/tabular outputs in our UI. * User can check the responses / responses even go through our QA agent (once we have that functionality) * When its then ready - user clicks a button to generate the output and the data gets feeded into the LLM and LLM produces the final PPT output We need your guidance on above and how to go about this. If you have any other options / thoughtful suggestions, please present those to us as well on Monday. Check internally with your teams if they have come across the best way / best in class practice in relation to ppt outputs. ## Goal Create two UI designs on the same page for generating PPTX files (as 2 options for client), consistent with the provided UI images. ## Requirements 1. One UI for generating PPTX in the background with a status bar indicating progress. 2. Another UI for generating PPTX with a loader animation. 3. Both UIs should be displayed on the same page. 4. Each UI must include a "Generate PPTX" button . 5. Maintain consistency with the existing UI images while adding these elements. ## Context The instructions are based on the provided UI images and the need to incorporate these two generation methods on one page. <design_and_scope_constraints> - Use the existing UI images as a style and layout reference. - Do not create additional pages; both UIs must appear differntly one for 1st genrating pptx in background using status bar and one using loader. above are the instructions what we need to do just for context.

Comments (0)

No comments yet. Be the first!

Page 1 of 6

System Requirements Document (SRD)

Project Name: fiery-ppt

1. Introduction

The fiery-ppt project aims to streamline the generation of professional PowerPoint presentations (PPTX) using advanced AI-driven workflows. This document outlines the system requirements, user flow, and design concepts to ensure seamless integration and user experience.

2. System Overview

The system will allow users to input prompts, review AI-generated responses, validate data through QA processes, and generate polished PPTX files. Two distinct UI designs will be implemented for PPTX generation: one with a status bar and another with a loader animation. Both designs will coexist on the same page, ensuring consistency with the provided UI images.

3. Functional Requirements

As a User, I should be able to input prompts to generate text/tabular responses.
As a User, I should be able to review AI-generated responses in the UI.
As a User, I should be able to validate responses through a QA agent.
As a User, I should be able to click a button to generate the final PPTX file.
As a User, I should see a status bar indicating progress during PPTX generation.
As a User, I should see a loader animation during PPTX generation.
As a User, I should be able to download the generated PPTX file.

Page 2 of 6

4. User Personas

1. Admin

Manages system configurations and QA workflows.
Oversees AI model performance and user feedback.

2. User

Inputs prompts and reviews AI-generated responses.
Validates data and generates PPTX files.

5. Visuals Colors and Theme

Color Palette:

Background: #F9FAFB
Surface: #FFFFFF
Text: #1F2937
Accent: #2563EB
Muted Tones: #E5E7EB

The color palette aligns with the clean and professional aesthetic of the provided reference images.

6. Signature Design Concept

Page 3 of 6

Dual UI for PPTX Generation

The homepage will feature two distinct sections for PPTX generation:

Status Bar UI
- A horizontal progress bar with percentage completion displayed.
- Subtle animations as the bar progresses.
- A "Generate PPTX" button below the bar.
Loader Animation UI
- A dynamic loader animation (e.g., rotating circles or pulsating dots).
- A "Generate PPTX" button below the loader.

Both sections will be visually distinct but consistent with the overall design. The page will maintain a clean layout with intuitive navigation and clear action buttons.

7. Non-Functional Requirements

The system must ensure high responsiveness and minimal latency during PPTX generation.
The UI must be compatible with modern browsers (Chrome, Edge, Safari).
The system must support scalability for concurrent users.

8. Tech Stack

Frontend

React for Web

Page 4 of 6

Backend

Python
FastAPI

Database

MySQL (with Alembic for migrations)

AI Models

GPT 5.4 for user-friendly responses

AI Tools

Langchain
Litellm for LLM Routing

Local Orchestration

Docker
docker-compose

Server-Side Orchestration

Kubernetes

Page 5 of 6

9. Assumptions and Constraints

The system assumes users have basic knowledge of PPTX templates and AI-generated content.
The QA agent functionality will be implemented in later phases.
The system will rely on consistent internet connectivity for AI model interactions.

10. Glossary

LLM: Large Language Model, used for generating text/tabular responses.
QA Agent: Quality Assurance agent for validating AI-generated responses.
PPTX: PowerPoint file format.
UI: User Interface.

Business Logic User Flow Diagram

Below is the user flow diagram for generating PPTX files:

Step 1: Input Prompts

User enters prompts into the system.
AI generates text/tabular responses based on the prompts.

Step 2: QA Validation

Responses are reviewed manually or by the QA agent.
QA ensures data accuracy and professional quality.

Step 3: Final Review

User reviews validated responses.
Approved responses are locked for PPTX generation.

Page 6 of 6

Step 4: Generate PPTX

User clicks the "Generate PPTX" button.
Data is processed by the LLM to create the final PPTX file.
Progress is displayed via either:
- Status Bar: Shows percentage completion.
- Loader Animation: Displays dynamic loading visuals.

Step 5: Download PPTX

The final PPTX file is available for download.

This document provides a comprehensive overview of the fiery-ppt project requirements, ensuring clarity and alignment with the user's expectations.