Загрузка данных

Да. Тут нужен не промпт в стиле «сделай красивый сайт», а ТЗ + роль продуктовой команды + требования к архитектуре + UX + демо-сценарий. Тогда Claude/Cursor/другая coding-модель будет гораздо меньше додумывать сама.

Я бы дал нейросети весь этот промпт целиком одним сообщением. Он рассчитан на то, чтобы она не сделала просто лендинг, а собрала полноценный демонстрационный MVP, который можно открыть перед жюри и пройти от регистрации до AI-аналитики класса.

MASTER PROMPT

INTELLECT — AI-Native Educational Platform

Ты — команда из senior product designer, UX/UI designer, full-stack engineer, AI engineer, software architect и product manager.

Твоя задача — самостоятельно спроектировать и реализовать полностью работающий демонстрационный MVP интеллектуальной образовательной платформы INTELLECT.

Это не лендинг и не набор красивых страниц.

Мне нужен цельный работающий продукт, который можно открыть перед жюри форума/конкурса и провести полноценную демонстрацию.

Главная идея:

INTELLECT — образовательная среда нового поколения, в которой искусственный интеллект персонализирует обучение каждого ученика и автоматизирует рутинную работу учителя.

Не делай обычный сайт с несколькими кнопками AI.

Создай ощущение продукта, который является AI-native системой образования будущего.

⸻

1. ГЛАВНЫЙ ПРИНЦИП ПРОДУКТА

Обычная образовательная система:

Учебная программа
        ↓
Одинаковые задания
        ↓
Оценка
        ↓
Следующая тема

INTELLECT:

Диагностика ученика
        ↓
AI анализирует знания
        ↓
Knowledge Graph
        ↓
Поиск пробелов
        ↓
Персональная траектория
        ↓
AI Tutor
        ↓
Адаптивные задания
        ↓
Новые результаты
        ↓
AI перестраивает обучение

Для учителя:

Класс
 ↓
AI анализирует результаты
 ↓
Находит проблемные темы
 ↓
Группирует учеников
 ↓
Предлагает действия учителю
 ↓
Учитель принимает решение

⸻

2. ТЕХНОЛОГИЧЕСКИЙ ПОДХОД

Если в проекте уже существует технологический стек — сначала изучи его и продолжай использовать.

Если проект пустой, выбери современный стек самостоятельно.

Предпочтительно:

* Next.js / React
* TypeScript
* Tailwind CSS
* современная component library
* PostgreSQL
* Prisma или аналогичный ORM
* серверные API
* безопасная авторизация
* AI abstraction layer

Для AI сделай отдельный слой:

AIService
├── Tutor
├── TestGenerator
├── LessonGenerator
├── KnowledgeAnalyzer
├── LearningPath
├── TeacherCopilot
├── Assessment
└── StudyPlanner

Не привязывай всю архитектуру непосредственно к одному AI provider.

Если API-ключ отсутствует, приложение всё равно должно работать в demo mode с реалистичными mock AI responses.

Никаких пустых экранов.

⸻

3. ВАЖНО: ПРИОРИТЕТ РАБОТОСПОСОБНОСТИ

Не делай видимость функциональности.

Каждая кнопка основного интерфейса должна делать что-то.

Если настоящая AI-интеграция невозможна без API:

1. создай abstraction layer;
2. сделай mock provider;
3. реализуй реалистичное поведение;
4. подготовь возможность подключить настоящий API позже.

Например:

AIProvider
    ↓
RealAIProvider
    ↓
MockAIProvider

В Demo Mode интерфейс должен вести себя так, будто AI действительно работает.

⸻

4. ДИЗАЙН

Создай премиальный современный интерфейс.

Не используй ощущение:

* школьного сайта;
* старого LMS;
* обычной админки;
* шаблонного SaaS;
* перегруженного dashboard.

Визуальное направление:

Apple + Linear + Notion + современный AI product.

Характер:

* минималистичный;
* технологичный;
* интеллектуальный;
* чистый;
* дорогой;
* современный;
* много воздуха;
* аккуратная типографика;
* плавные анимации;
* glass/soft surfaces там, где это действительно уместно;
* красивые графики;
* аккуратные карточки;
* subtle gradients;
* micro-interactions.

Не переусложняй дизайн.

Главный экран должен выглядеть как продукт 2026–2030 года.

⸻

5. RESPONSIVE

Система должна корректно работать:

* desktop;
* laptop;
* tablet;
* mobile.

Главная демонстрация ориентирована на desktop.

⸻

6. РОЛИ

Создай четыре типа пользователей:

STUDENT
TEACHER
PARENT
ADMIN

Авторизация должна позволять быстро войти в demo accounts.

Например:

Student Demo
Teacher Demo
Parent Demo
Admin Demo

Не заставляй жюри регистрироваться во время презентации.

Добавь аккуратный:

“Enter Demo Mode”

⸻

7. LANDING PAGE

Создай красивую главную страницу.

Hero:

INTELLECT

AI-native education.

Подзаголовок:

Персонализируем обучение для каждого ученика и освобождаем учителя от рутины.

CTA:

Начать обучение

Посмотреть демо

Ниже:

* проблема современного образования;
* решение;
* AI Tutor;
* персональная траектория;
* AI Teacher Copilot;
* Knowledge Graph;
* аналитика;
* AI Labs;
* vision будущего.

Но landing page не должен быть главным продуктом.

Главный продукт — сама образовательная система.

⸻

8. STUDENT DASHBOARD

После входа ученика показывай современный dashboard.

Структура:

Sidebar
Overview
Learning
AI Tutor
Knowledge Map
Assignments
Tests
Study Plan
AI Lab
Simulations
Progress
Profile

⸻

9. STUDENT OVERVIEW

Главный экран ученика.

Показывай:

Good afternoon, Murad
Your learning progress
73%
Today's focus
2h 15m
Current streak
12 days

Карточки:

* Today’s Goal
* Continue Learning
* Weak Areas
* Recent Achievements
* AI Recommendation

Например:

AI Recommendation

“Ты хорошо освоил линейные уравнения. Следующий шаг — квадратные уравнения. Перед этим стоит повторить операции с дробями.”

Добавь кнопку:

Start recommended lesson

⸻

10. AI TUTOR

Это одна из главных функций.

Интерфейс:

AI Tutor
Ask anything...

Но AI должен иметь контекст.

Показывай:

Your context
Mathematics
Current level: 72%
Weak area: Fractions
Current goal: Algebra

AI должен уметь:

* объяснять;
* задавать вопросы;
* генерировать задания;
* давать подсказки;
* проверять понимание;
* менять сложность;
* проводить мини-урок.

Добавь режимы:

Explain
Practice
Test me
Prepare for exam
Deep dive

Важно:

AI не должен всегда сразу выдавать ответ.

Если ученик решает задачу, сначала попытайся направить его.

⸻

11. AI MICRO-LESSON

Создай отдельный flow.

Например:

Topic:
Quadratic equations

AI создаёт:

1. объяснение;
2. пример;
3. вопрос;
4. практическую задачу;
5. проверку;
6. итог.

В конце:

Understanding
82%
Next recommended topic:
Functions

⸻

12. KNOWLEDGE MAP

Создай красивую визуальную карту знаний.

Например:

MATHEMATICS
Arithmetic
    ↓
Fractions       48%
    ↓
Expressions     67%
    ↓
Equations       81%
    ↓
Functions       64%
    ↓
Quadratic Eq.   72%

Разные состояния:

* mastered;
* good;
* learning;
* needs attention;
* locked.

При клике на тему показывай:

Understanding
Common mistakes
Related topics
Recommended action

⸻

13. AI DIAGNOSTICS

Создай первоначальную диагностику.

Ученик проходит 10–15 вопросов.

Система анализирует ответы.

После завершения:

Learning Profile
Strong:
Algebra
Needs attention:
Fractions
Recommended:
Review fractions
before advanced equations

После диагностики обновляется Knowledge Map.

⸻

14. PERSONAL LEARNING PATH

Создай экран:

My Learning Path

Покажи визуальную последовательность:

✓ Fractions
✓ Expressions
→ Quadratic equations
○ Functions
○ Probability
○ Calculus

AI должен объяснять, почему следующая тема выбрана.

Например:

“Я выбрал эту тему, потому что результаты последних трёх заданий показывают, что ты готов к ней.”

⸻

15. ADAPTIVE TESTS

Учитель или ученик может создать тест.

AI генерирует:

* вопросы;
* варианты;
* open-ended questions;
* difficulty;
* explanations.

Сделай адаптивность.

Если ученик отвечает правильно:

Difficulty ↑

Если ошибается:

Difficulty ↓

В конце:

Score
Knowledge estimate
Weak areas
Recommended revision

⸻

16. ASSIGNMENTS

Ученик видит:

Today's assignments
Mathematics
Due today
72% complete
Physics
Due tomorrow
English
Completed

При открытии задания:

* описание;
* дедлайн;
* материалы;
* AI hint;
* submit;
* result.

⸻

17. AI STUDY PLANNER

Ученик пишет:

“У меня контрольная по физике через 14 дней.”

AI создаёт план.

Например:

Day 1
Mechanics fundamentals
Day 2
Forces
Day 3
Practice
Day 4
Weak areas
...
Day 13
Mock test
Day 14
Revision

Добавь возможность перестроить план.

⸻

18. AI LAB

Создай интерактивный раздел.

Минимум:

Physics Lab

Параметры:

* mass;
* velocity;
* force;
* friction.

Ученик меняет параметры.

Система показывает изменение результата.

AI объясняет:

“Когда масса увеличилась, сила увеличилась при постоянном ускорении.”

Это должно выглядеть интерактивно, а не как статичная страница.

⸻

19. AI SIMULATIONS

Добавь образовательные сценарии.

Например:

Job Interview

AI играет роль интервьюера.

Ученик отвечает.

AI анализирует:

* содержание;
* язык;
* аргументацию;
* уверенность ответа.

Другой сценарий:

Business Simulation

Ученик управляет виртуальным проектом.

AI реагирует на решения.

⸻

20. PROGRESS

Создай страницу аналитики ученика.

Показывай:

* progress;
* study hours;
* completed tasks;
* accuracy;
* streak;
* strongest subjects;
* weak subjects.

Добавь красивые графики.

Не перегружай.

⸻

21. TEACHER DASHBOARD

Совершенно другой интерфейс.

Sidebar:

Overview
Classes
Students
Lessons
Assignments
Tests
AI Copilot
Analytics
Content Library
AI Tools
Settings

⸻

22. TEACHER OVERVIEW

Покажи:

My classes: 4
Students: 96
Assignments to review: 18
AI insights: 7

Главный блок:

AI Class Insight

Например:

“В 10А 31% учеников испытывают сложности с квадратными уравнениями.”

Ниже:

View affected students

⸻

23. CLASSROOM

Учитель открывает:

10A — Mathematics
24 students

Показывай:

* ученики;
* средний прогресс;
* задания;
* тесты;
* attendance;
* knowledge map класса.

Добавь фильтры.

⸻

24. CLASS KNOWLEDGE MAP

Покажи карту знаний всего класса.

Например:

Fractions
██████████ 82%
Equations
████████░░ 78%
Functions
█████░░░░░ 51%
Quadratic equations
████░░░░░░ 43%

При клике:

10 students need additional practice.

⸻

25. AI TEACHER COPILOT

Это второй главный wow-модуль.

Учитель пишет:

“Создай урок по фотосинтезу для 8 класса на 45 минут.”

AI автоматически создаёт:

Lesson objective
Introduction
Explanation
Example
Interactive activity
Practice
Test
Homework
Assessment criteria

Учитель может:

* regenerate;
* simplify;
* make harder;
* shorten;
* export;
* assign to class.

⸻

26. AI TEST GENERATOR

Учитель выбирает:

Subject
Topic
Grade
Difficulty
Number of questions
Question types

AI создаёт тест.

Кнопка:

Generate test

После генерации:

* редактирование;
* preview;
* assign to class.

⸻

27. AI ASSIGNMENT GENERATOR

Аналогично создаются домашние задания.

Добавь:

Individual difficulty

Например:

Student A → Level 1
Student B → Level 2
Student C → Level 3

Учитель может отправить персонализированные варианты.

⸻

28. AUTOMATIC ASSESSMENT

После выполнения:

AI предварительно анализирует ответы.

Показывай:

Correct
Partially correct
Incorrect
Detected misconception:
...

Учитель подтверждает результат.

Не делай AI окончательным судьёй.

⸻

29. TEACHER ANALYTICS

Показывай:

Class progress
Topic mastery
Assignment completion
Common mistakes
Students needing attention

Главное:

AI INSIGHTS

Например:

“Большинство ошибок связано не с формулой, а с преобразованием выражений.”

⸻

30. STUDENT DETAIL

Учитель нажимает на ученика.

Открывается:

Student Profile
Overall progress
Subject performance
Knowledge Map
Recent mistakes
Assignments
Learning activity
AI recommendations

Например:

AI insight:

“Ученик стабильно ошибается в задачах, где требуется переход от текста к математической модели.”

⸻

31. PARENT DASHBOARD

Родитель видит:

Child progress
Weekly activity
Subjects
Goals
Achievements

Не показывай чрезмерно технические данные.

Основной акцент:

Что изучается?
Как меняется прогресс?
Где нужна поддержка?

⸻

32. ADMIN DASHBOARD

Администратор:

Schools
Classes
Teachers
Students
Usage
Analytics
AI usage
System health

Сделай аккуратно, но не трать на него основное внимание.

⸻

33. NOTIFICATION SYSTEM

Создай уведомления:

New assignment
AI recommendation
Test result
Teacher message
Learning reminder
Achievement

⸻

34. GAMIFICATION

Добавь лёгкую систему:

XP
Levels
Streak
Achievements

Примеры:

7-day streak
First 100 questions
Mastered 10 topics
Completed first AI lesson

Не превращай платформу в игру.

⸻

35. AI CAREER NAVIGATOR

Ученик выбирает:

Interests
Subjects
Skills
Goals

AI показывает потенциальные направления развития.

Например:

Interest:
Artificial Intelligence
Recommended skills:
Python
Mathematics
Algorithms
Statistics
Machine Learning

⸻

36. CONTENT LIBRARY

Общая библиотека:

Lessons
Tests
Assignments
Documents
AI generated content
Teacher content

Добавь поиск и фильтры.

⸻

37. GLOBAL AI SEARCH

Сделай единый AI search.

Ученик может искать:

“Покажи мне всё, что я должен повторить перед контрольной.”

AI использует его контекст.

Учитель:

“Какие темы сейчас хуже всего усвоены в 10А?”

AI отвечает на основе данных класса.

⸻

38. PROFILE SYSTEM

Профиль должен показывать:

* avatar;
* name;
* role;
* grade;
* achievements;
* progress;
* learning statistics;
* preferences.

⸻

39. DATA MODEL

Создай нормальную архитектуру базы данных.

Минимальные сущности:

User
StudentProfile
TeacherProfile
ParentProfile
School
Classroom
Subject
Topic
KnowledgeNode
KnowledgeEdge
LearningPath
Lesson
Assignment
Test
Question
Answer
Submission
Progress
AIConversation
AIInsight
Achievement
Notification
StudyPlan
Simulation

Связи должны быть логичными.

⸻

40. AI CONTEXT ENGINE

Одна из самых важных частей.

AI должен получать контекст:

Student
+
Current subject
+
Knowledge state
+
Previous mistakes
+
Current goal
+
Learning history

Для учителя:

Teacher
+
Class
+
Students
+
Assignments
+
Test results
+
Knowledge state

Не делай каждый AI-модуль отдельным несвязанным чат-ботом.

⸻

41. AI INSIGHT ENGINE

Создай единый механизм AI-рекомендаций.

Пример:

Event:
Student answered 5 questions
        ↓
Analysis
        ↓
Knowledge update
        ↓
Insight
        ↓
Recommendation

Например:

“Ученик трижды ошибся в одном типе задач.”

↓

“Вероятный пробел: дробные выражения.”

↓

“Рекомендуется короткое повторение.”

⸻

42. DEMO DATA

Обязательно создай реалистичные данные.

Не оставляй приложение пустым.

Создай:

1 school
4 classes
~20 students per class
5 teachers
subjects
lessons
tests
assignments
progress
knowledge graph
AI insights

Данные должны выглядеть реалистично.

⸻

43. DEMO SCENARIO

Приложение должно быть специально подготовлено для презентации.

Главный сценарий:

STEP 1

Войти как ученик.

↓

STEP 2

Открыть Knowledge Map.

↓

STEP 3

Показать слабую тему.

↓

STEP 4

Запустить AI Tutor.

↓

STEP 5

AI объясняет тему.

↓

STEP 6

Ученик проходит несколько заданий.

↓

STEP 7

Knowledge Map обновляется.

↓

STEP 8

Выйти и войти как учитель.

↓

STEP 9

Открыть класс.

↓

STEP 10

AI показывает:

“У части класса обнаружен общий пробел.”

↓

STEP 11

Учитель нажимает:

Create targeted lesson

↓

STEP 12

AI создаёт урок.

↓

STEP 13

Учитель назначает его классу.

Это должно работать без перезагрузок и с сохранением состояния.

⸻

44. WOW SCREEN

Создай отдельную страницу:

The Future of Learning

Покажи визуальную модель:

                STUDENT
                   │
                   ▼
             AI EDUCATION
                   │
       ┌───────────┼───────────┐
       ▼           ▼           ▼
 Knowledge      Learning      AI Tutor
   Graph          Path
       │           │           │
       └───────────┼───────────┘
                   ▼
              AI ANALYSIS
                   │
                   ▼
            PERSONALIZATION
                   │
                   ▼
            BETTER LEARNING

Сделай это визуально красиво.

⸻

45. EMPTY STATES

Все empty states должны быть красивыми.

Не показывай:

No data

Показывай:

“Your learning journey starts here.”

и CTA.

⸻

46. LOADING STATES

AI операции должны иметь красивые состояния:

Analyzing your knowledge...
Building learning path...
Generating lesson...
Finding learning gaps...

Можно добавить subtle animation.

⸻

47. ERROR HANDLING

Никаких белых экранов.

Каждая ошибка должна иметь понятное сообщение и возможность повторить действие.

⸻

48. ACCESSIBILITY

Предусмотри:

* keyboard navigation;
* readable contrast;
* clear buttons;
* responsive UI;
* semantic structure.

⸻

49. SECURITY

Предусмотри:

* authentication;
* authorization;
* role-based access;
* server-side validation;
* защищённые API;
* отсутствие секретных ключей на клиенте;
* базовую защиту пользовательских данных.

⸻

50. НЕ ДЕЛАЙ

Не делай:

* обычный ChatGPT clone;
* скучную школьную админку;
* десятки одинаковых карточек;
* фальшивые графики без смысла;
* кнопки, которые ничего не делают;
* lorem ipsum;
* очевидные AI-generated тексты;
* перегруженный интерфейс;
* огромные таблицы везде.

⸻

51. ПРИНЦИП UX

Пользователь всегда должен понимать:

Где я?
Что происходит?
Что мне делать дальше?
Почему система это рекомендует?

AI должен объяснять свои рекомендации.

⸻

52. AI НЕ ДОЛЖЕН ПРЕДСТАВЛЯТЬСЯ ВСЕЗНАЮЩИМ

Если система не уверена, она должна сообщать об этом.

Для образовательного продукта важнее:

достоверность + объяснимость + контроль учителя

чем эффектная, но непроверяемая генерация.

⸻

53. ПРОДУКТОВАЯ ИДЕЯ

Весь интерфейс должен поддерживать одну мысль:

INTELLECT понимает, что именно ученик знает, чего он не знает и что ему следует изучить дальше.

А для учителя:

INTELLECT превращает данные об обучении класса в конкретные действия.

⸻

54. ПРОЕКТ ДОЛЖЕН ВЫГЛЯДЕТЬ КАК ЕДИНАЯ СИСТЕМА

Не делай:

AI Tutor — отдельный продукт
Tests — отдельный продукт
Analytics — отдельный продукт

Они должны быть связаны.

Например:

Test result
     ↓
Knowledge Graph
     ↓
AI Insight
     ↓
Learning Path
     ↓
AI Tutor
     ↓
New assignment
     ↓
New result

Это ядро проекта.

⸻

55. ФИНАЛЬНЫЙ CHECKLIST

Перед завершением самостоятельно проверь:

UI

* [ ]	современный дизайн
* [ ]	responsive
* [ ]	consistent components
* [ ]	animations
* [ ]	loading states
* [ ]	error states

Student

* [ ]	dashboard
* [ ]	AI Tutor
* [ ]	diagnostics
* [ ]	knowledge map
* [ ]	learning path
* [ ]	tests
* [ ]	assignments
* [ ]	planner
* [ ]	progress
* [ ]	AI Lab
* [ ]	simulations

Teacher

* [ ]	dashboard
* [ ]	classes
* [ ]	students
* [ ]	analytics
* [ ]	AI Copilot
* [ ]	lesson generator
* [ ]	test generator
* [ ]	assignment generator
* [ ]	assessment
* [ ]	AI insights

Parent

* [ ]	progress
* [ ]	activity
* [ ]	goals

Admin

* [ ]	school
* [ ]	users
* [ ]	classes
* [ ]	analytics

AI

* [ ]	Tutor
* [ ]	Knowledge analysis
* [ ]	Learning Path
* [ ]	Teacher Copilot
* [ ]	Test Generator
* [ ]	Assignment Generator
* [ ]	Study Planner
* [ ]	AI Insights
* [ ]	contextual AI

Backend

* [ ]	database
* [ ]	authentication
* [ ]	authorization
* [ ]	API
* [ ]	persistence
* [ ]	demo mode

⸻

56. ПОРЯДОК РАЗРАБОТКИ

Не пытайся написать всё хаотично.

Сначала:

1. Architecture
2. Database
3. Authentication
4. Design system
5. Student dashboard
6. Teacher dashboard
7. Knowledge Graph
8. AI Tutor
9. AI Teacher Copilot
10. Learning Path
11. Tests
12. Analytics
13. Remaining modules
14. Demo data
15. Polish
16. Testing

После каждого этапа проверяй работоспособность.

⸻

57. ВАЖНЕЙШЕЕ ТРЕБОВАНИЕ

Если какая-либо функция слишком сложна для полноценной реализации прямо сейчас, не удаляй её и не оставляй пустой экран.

Создай качественный MVP этой функции с mock data/API, но архитектуру сделай так, чтобы позже её можно было заменить полноценной реализацией.

⸻

58. ИТОГОВОЕ ТРЕБОВАНИЕ

В результате я должен получить не прототип из картинок, а работающий AI Education MVP, который можно открыть в браузере и показать человеку.

Он должен создавать ощущение:

“Это не школьный сайт с AI. Это новая архитектура образовательного процесса.”

Самостоятельно принимай продуктовые решения там, где требования не определены.

Не задавай мне десятки уточняющих вопросов.

Если нужно выбрать между большим количеством функций и качеством, приоритет:

работоспособность → UX → AI-интеграция → визуальная полировка → дополнительные функции.

После реализации проведи собственный audit проекта:

* найди сломанные кнопки;
* найди пустые страницы;
* проверь navigation;
* проверь authentication;
* проверь роли;
* проверь сохранение данных;
* проверь основные AI flows;
* проверь responsive;
* исправь найденные проблемы.

Финальная цель:

INTELLECT

Understand. Adapt. Learn.

AI-native education for every student.

И я бы ещё сделал одну важную вещь: не отправляй этот промпт нейросети и не говори ей просто «делай». Если это Claude Code / Cursor / другой coding agent, после этого пусть сама разбивает работу на этапы, а ты будешь запускать её по проекту.

Для конкурса особенно важно, чтобы у тебя реально работал вот этот «золотой цикл»:

ученик → тест → ошибка → AI определяет пробел → Knowledge Graph обновляется → персональная траектория меняется → AI даёт новый материал → результат ученика меняется → учитель получает insight.

Именно эту цепочку я бы сделал центральной частью демонстрации — она связывает почти всю твою платформу в одну технологическую систему, а не в набор из 20 разрозненных AI-инструментов.