red-prompts

Introduction

The "red-prompts" project aims to develop a versatile website that generates tailored prompts based on user-provided scenarios. This tool is designed to cater to a broad audience, including writers, educators, and anyone in need of creative or situational prompts. The platform will support various categories such as creative writing, business scenarios, and more, ensuring wide applicability and user engagement.

System Overview

The "red-prompts" website will function as an interactive platform where users can input specific scenarios or situations and receive customized prompts in return. The system will leverage advanced AI models to understand the context and generate relevant prompts across multiple categories. This flexibility will make the website a valuable resource for diverse user groups seeking inspiration or guidance in their respective fields.

Functional Requirements

• As a User, I should be able to input a scenario and receive a prompt.
• As a User, I should be able to select the category for which I want the prompt (e.g., creative writing, business).
• As an Admin, I should be able to update and manage the categories available for prompt generation.
• As a User, I should be able to save and revisit previously generated prompts.
• As a User, I should be able to share prompts via social media or email.

User Personas

• General User: Individuals seeking prompts for various purposes, including writing, education, and brainstorming.
• Admin: Personnel responsible for managing the website's content, categories, and user interactions.

Visuals Colors and Theme

• primary: #1A535C (Deep Teal)
• primary_light: #4ECDC4 (Light Teal)
• secondary: #FF6B6B (Coral Red)
• accent: #FFE66D (Sunshine Yellow)
• highlight: #FF9F1C (Vibrant Orange)
• bg: #F7FFF7 (Mint Cream)
• surface: rgba(26, 83, 92, 0.8)
• text: #011627 (Rich Black)
• text_muted: #7A7A7A (Gray)
• border: rgba(26, 83, 92, 0.2)

Signature Design Concept

The homepage of "red-prompts" will feature an interactive "Prompt Universe" concept. Users will navigate a 3D galaxy map where each star represents a different category or scenario. By clicking on a star, users can explore prompts related to that category. The galaxy will rotate and zoom with user interaction, creating an immersive experience. This concept will be implemented using @react-three/fiber and @react-three/drei for 3D rendering, ensuring a dynamic and engaging user interface.

Interaction Model & Motion Direction

The landing page will employ a "parallax" interaction model, providing a layered depth effect as users scroll through the content. Decorative elements like stars and nebulae will move at different speeds, enhancing the storytelling aspect of the website. Internal pages, such as dashboards and settings, will maintain a "static" model for clarity and ease of use.

Non-Functional Requirements

• The website should load within 3 seconds on standard internet connections.
• The system must handle up to 10,000 concurrent users without performance degradation.
• Data privacy and security must comply with international standards, including GDPR.

Tech Stack

• Frontend: React for Web
• Backend: Python, FastAPI
• Database: MySQL or MariaDB, using Alembic for migrations
• AI Models: GPT 5.4 for user-friendly response generation
• AI Tools: Litellm for LLM Routing
• Local Orchestration: Docker, docker-compose
• Server-side Orchestration: Kubernetes

Assumptions and Constraints

• The website will primarily serve English-speaking users.
• The system will be hosted on cloud infrastructure to ensure scalability.
• User data will be stored securely with encryption.

Glossary

• Prompt: A suggestion or cue provided to inspire or guide users in their creative or professional tasks.
• Scenario: A specific situation or context provided by the user to generate a relevant prompt.
• AI Model: An artificial intelligence system used to process inputs and generate outputs based on learned patterns.