green-ai

bySalahadin

ai slop

LandingLoginContent
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

System Requirements Document (SRD)

Project Name: green-ai

1. Introduction

Welcome to the System Requirements Document (SRD) for green-ai, a project envisioned by Salahadin in Poland. This document outlines the system requirements for a professional application designed to showcase the limitations of AI in development tasks, emphasizing the irreplaceable value of human developers. The project aims to appeal to a broad audience, including developers, businesses, and general users, while maintaining a professional tone.

The green-ai project is a platform that demonstrates the quirks, failures, and humor of AI in coding, design, and problem-solving, contrasting these with human expertise. By highlighting the gaps in AI's capabilities, the project seeks to spark conversations about the human-machine dynamic in the tech industry.

Page 2 of 6

2. System Overview

The green-ai application will simulate AI handling real-world development tasks, such as generating code snippets, UI designs, and logic workflows. It will compare AI-generated outputs with human-crafted solutions, showcasing where AI falls short and why human developers remain indispensable.

Key features include:

  • AI-generated "fails" in coding and design.
  • Side-by-side comparisons of AI vs. human solutions.
  • Interactive debugging challenges where users fix absurd AI outputs.
  • Educational insights explaining the importance of context, creativity, and problem-solving in development.

The system will be accessible via web and mobile platforms, ensuring broad reach and usability.

3. Functional Requirements

Story Points:

  • As a User, I should be able to input random text, images, or sounds for the AI to process.
  • As a User, I should be able to view AI-generated outputs that intentionally highlight errors or quirks.
  • As a User, I should be able to compare AI-generated solutions with human-crafted alternatives.
  • As a User, I should be able to participate in debugging challenges to fix AI-generated mistakes.
  • As a User, I should be able to access educational content explaining the limitations of AI in development.
  • As an Admin, I should be able to manage user inputs and monitor system performance.
  • As an Admin, I should be able to curate examples of AI fails and human solutions for display.

4. User Personas

Page 3 of 6

1. General User

  • Description: Individuals with varying levels of technical expertise who want to explore the capabilities and limitations of AI in development.
  • Goals: Learn about AI's quirks, engage with interactive features, and gain insights into the human-machine dynamic.

2. Developer

  • Description: Professional coders and designers interested in understanding AI's role in their field.
  • Goals: Compare AI-generated outputs with human solutions, participate in debugging challenges, and validate their expertise.

3. Business Stakeholder

  • Description: Decision-makers in tech companies evaluating the feasibility of AI in development workflows.
  • Goals: Assess AI's limitations, understand the value of human developers, and make informed decisions about AI adoption.

5. Visuals Colors and Theme

Unique Color Palette:

The green-ai project will use a fresh, eco-inspired palette to reflect its name and professional tone:

  • Background: #E8F5E9 (Mint Green)
  • Surface: #A5D6A7 (Soft Fern Green)
  • Text: #1B5E20 (Deep Forest Green)
  • Accent: #FFB74D (Warm Amber)
  • Muted Tones: #B0BEC5 (Soft Gray-Blue)

6. Signature Design Concept

Page 4 of 6

Concept: Interactive Debugging Playground

The homepage of green-ai will feature an Interactive Debugging Playground. Upon landing, users will see a dynamic, animated interface resembling a developer's workspace. Key elements include:

  • Floating Code Blocks: AI-generated snippets of code and designs will float across the screen, each tagged with humorous or absurd errors.
  • Interactive Debugging: Users can click on these blocks to "debug" them, triggering animations where errors are fixed in real-time.
  • Side-by-Side Comparisons: Hovering over a code block will reveal a split-screen view comparing the AI's output with a human-crafted solution.
  • Educational Pop-Ups: Clicking on specific elements will display brief explanations of why AI failed and how human expertise solved the problem.

The design will incorporate smooth transitions, micro-interactions, and a professional yet playful aesthetic, ensuring an engaging user experience.

7. Non-Functional Requirements

  • Performance: The system must handle up to 10,000 concurrent users without significant latency.
  • Scalability: The architecture should support future expansions, including additional AI models and features.
  • Security: User data and inputs must be securely stored and processed, adhering to GDPR regulations.
  • Accessibility: The application must comply with WCAG 2.1 standards to ensure usability for individuals with disabilities.

8. Tech Stack

Frontend:

  • React for Web
  • React Native for Mobile
Page 5 of 6

Backend:

  • Python
  • FastAPI

Database:

  • MySQL or MariaDB (using Alembic for migrations)

AI Models:

  • GPT 5.4 for user-friendly responses
  • Claude 4.6 Opas for academic or coding work
  • Gemini 3.1 Pro for friendly responses
  • Google Nano Banana for image generation

AI Tools:

  • Litellm for LLM Routing
  • Langchain

Local Orchestration:

  • Docker
  • docker-compose

Server-Side Orchestration:

  • Kubernetes
Page 6 of 6

9. Assumptions and Constraints

Assumptions:

  • Users will have basic familiarity with AI and development concepts.
  • The application will be primarily accessed in Poland but should support international users.
  • The system will operate in CET (Central European Time).

Constraints:

  • The project must adhere to a professional tone, avoiding overly humorous or satirical elements.
  • AI-generated outputs must be curated to ensure they effectively highlight limitations without being offensive or inappropriate.

10. Glossary

  • AI: Artificial Intelligence, systems capable of performing tasks that typically require human intelligence.
  • Debugging: The process of identifying and fixing errors in code or design.
  • WCAG: Web Content Accessibility Guidelines, standards for making web content accessible to people with disabilities.
  • LLM: Large Language Model, a type of AI model designed to understand and generate human-like text.

End of Document

Landing design preview
Login: Sign In
Dashboard: View Stats
Dashboard: Monitor Users
Content: Curate AI Fails
Content: Publish Examples
Settings: Manage System