Icon

Claude Code Guide: как использовать технические требования из Notion в коде

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

By Miroslav Peshkov

В этом руководстве мы узнаем, как формировать техническое задание для автоматизации работы с помощью ИИ, используя пример отчета кураторов. Мы рассмотрим, как собирать требования от разных отделов, структурировать их и превращать в понятные задачи для генерации кода. Такой подход помогает упростить процесс разработки и сделать его более прозрачным для всех участников.

Давайте начнем

Да, привет. Я хочу показать, как я начал работать с техническими заданиями для генерации кода через ИИ для вайб кодинга.

1
Кликните здесь
Step #1: Кликните здесь
2
Кликните здесь
Step #2: Кликните здесь
3
Кликните на "- формирование UI для привязки"
Step #3: Кликните на "- формирование UI для привязки"
4
Кликните на "Setting → Mentee Config"
Step #4: Кликните на "Setting → Mentee Config"

И как это может в целом облегчить жизнь всем. Вот смотри, что у нас есть в наушнике.

5
Кликните на "Автоматизация отче"
Step #5: Кликните на "Автоматизация отче"

У нас есть витрина заказов.

6
Дважды кликните на "Витрина заказов"
Step #6: Дважды кликните на "Витрина заказов"

Я ее сделал, чтобы люди из других отделов своим языком объяснили, чего они хотят. Будем разбирать пример автоматизации отчета кураторов.

7
Кликните здесь
Step #7: Кликните здесь

Задача сложная, потому что там много разных метрик, логик и так далее.

8
Кликните здесь
Step #8: Кликните здесь
9
Кликните на "кущий формат отчетов не позволяет системно на"
Step #9: Кликните на "кущий формат отчетов не позволяет системно на"
10
Кликните на "I"
Step #10: Кликните на "I"

Я пошел к Алёне и Кате, собрал эти требования. Вот они мне что-то написали, очень много всего. У меня есть некоторые вводные данные. Вот. Далее я беру эти данные.

То есть у меня появилась общая картинка, что делать. Потом я перехожу к нашим IT проектам.

11
Кликните на "Автоматизация работ"
Step #11: Кликните на "Автоматизация работ"
12
Дважды кликните на "IT проекты"
Step #12: Дважды кликните на "IT проекты"

IT проекты. Создаю новый проект — "Автоматизация работы куратора".

13
Кликните здесь
Step #13: Кликните здесь
14
Кликните здесь
Step #14: Кликните здесь

Так, он не открывается?

15
Кликните здесь
Step #15: Кликните здесь
16
Кликните на "Q & A Sales Frent Line"
Step #16: Кликните на "Q & A Sales Frent Line"
17
Кликните здесь
Step #17: Кликните здесь

М-м-м.

18
Кликните здесь
Step #18: Кликните здесь
19
Кликните на "DbV /"
Step #19: Кликните на "DbV /"

Что-то не открывается.

20
Кликните на "M"
Step #20: Кликните на "M"

Ну?

21
Кликните на "I"
Step #21: Кликните на "I"

Нууу? О, господи. Хм, хм, хм, хм, хм, хм.

22
Кликните здесь
Step #22: Кликните здесь
23
Кликните на "Mentee Health Dashboard"
Step #23: Кликните на "Mentee Health Dashboard"
24
Введите "Cmd + R"

О, ура!

25
Кликните на "PEN"
26
Кликните на "OPEN"
27
Кликните здесь
Step #27: Кликните здесь

Ну давай, интернет, работай, пожалуйста.

28
Кликните здесь

Вот, и у нас уже есть техническое задание, настоящее техническое задание.

29
Кликните здесь
Step #29: Кликните здесь

То есть в первом случае мы собирали верхнеуровневые требования, что хотят люди, да? А дальше я пытаюсь описать большой промпт Клодкоду.

30
Кликните на "Реализовать новую роль в системе - CURATO"
Step #30: Кликните на "Реализовать новую роль в системе - CURATO"
31
Кликните на "Привязываем куратора при создании"
Step #31: Кликните на "Привязываем куратора при создании"
32
Кликните на "Реализовать"
Step #32: Кликните на "Реализовать"

Я формирую этапы разработки. Каждый этап — это отдельный план, отдельная задача для Клодкода, отдельная часть документации.

33
Кликните на "1"
Step #33: Кликните на "1"
34
Перетащите "1"
Step #34: Перетащите "1"
35
Кликните на "автоматизации"
Step #35: Кликните на "автоматизации"
36
Кликните на "Привязываем куратора при создан"
Step #36: Кликните на "Привязываем куратора при создан"
37
Кликните на "автоматизации"
Step #37: Кликните на "автоматизации"

Вот. Ну, не важно, как я делил. Суть в том, что мы декомпозируем задачу, чтобы не давать Клодкоду слишком большой объем кода, иначе он начнет галлюцинировать и делать ошибки. Вот. Мы делим это на этапы. Огонь!

Я здесь все записываю, сижу и пишу, что хочу. То есть я пишу промпт Клодкоду. Вот. Пишу требования: где что находим, как считаем и так далее. Вот тут получилось очень много.

Вот. А дальше у меня есть логика разработки. Затем я объясняю Клодкоду, как мы будем с ним работать.

38
Кликните на "Логика разработки"
Step #38: Кликните на "Логика разработки"
39
Перетащите "Логика разработки"
Step #39: Перетащите "Логика разработки"
40
Кликните на "Формирование"
Step #40: Кликните на "Формирование"
41
Кликните на "откуда Мы ее будем брать и"
Step #41: Кликните на "откуда Мы ее будем брать и"
42
Кликните на "каждай подзачада должна пройт"
Step #42: Кликните на "каждай подзачада должна пройт"

Я ему объясняю, что у нас есть три подзадачи. Каждая подзадача будет находиться в своей папке.

43
Кликните на "Формирование UI для прив"
Step #43: Кликните на "Формирование UI для прив"
44
Перетащите "Формирование UI для прив"
Step #44: Перетащите "Формирование UI для прив"
45
Кликните на "Формирование финальной таблицы со"
Step #45: Кликните на "Формирование финальной таблицы со"

И далее я описываю ему архитектуру.

46
Кликните на "streamlit_app"
Step #46: Кликните на "streamlit_app"

Вот в этой папке ты пишешь UI, и в этой папке ты пишешь UI для этого. А для такой задачи будет сервис, такие классы и их функции.

47
Перетащите "streamlit_app"
Step #47: Перетащите "streamlit_app"
48
Кликните на "nfig_mentees.py тут мы формируем UI для привязк"
Step #48: Кликните на "nfig_mentees.py тут мы формируем UI для привязк"
49
Кликните на "entees.py тут мы формируем UI для привязки кура"
Step #49: Кликните на "entees.py тут мы формируем UI для привязки кура"
50
Кликните на "shared /"
Step #50: Кликните на "shared /"
51
Перетащите "shared /"
Step #51: Перетащите "shared /"
52
Перетащите "MenteeMetricsDataLoader - это"
Step #52: Перетащите "MenteeMetricsDataLoader - это"
53
Кликните на "cron_quality_assurance"
Step #53: Кликните на "cron_quality_assurance"

Тут пиши крон-задачу. Здесь указывай креды. Там показывай ссылки на документацию.

54
Перетащите "cron_jobs /"
Step #54: Перетащите "cron_jobs /"
55
Кликните на "Для CRUD запросов с новой базой"
Step #55: Кликните на "Для CRUD запросов с новой базой"
56
Перетащите "Для CRUD запросов с новой базой"
Step #56: Перетащите "Для CRUD запросов с новой базой"
57
Кликните на "mentée_metrics.py"
Step #57: Кликните на "mentée_metrics.py"
58
Кликните на "docs"
Step #58: Кликните на "docs"
59
Перетащите "er слоя из инструкции в docs /"
Step #59: Перетащите "er слоя из инструкции в docs /"
60
Кликните на "create_repository_layer.md"
Step #60: Кликните на "create_repository_layer.md"

Потому что у нас, например, уже написание различных, создание новых табличек. У нас есть отдельная документация по этому вопросу, и он сам все сделает. Просто скажи, какие колонки нужны. Он сам знает, как все это делать, как прописывать креды и так далее. То есть ему нужно прямо указать, что делать.

61
Кликните на "Так как у нас будут создаваться новые таблиц"
Step #61: Кликните на "Так как у нас будут создаваться новые таблиц"

И после этого, когда все готово, я пойду к Кате и Алене, отдам им это ТЗ. У меня есть комментарии, они ответят на мои вопросы. Я пойму то, что сейчас не понимаю, и после этого беру следующий шаг.

62
Кликните на "/dev/database_migration_inspector.md"
Step #62: Кликните на "/dev/database_migration_inspector.md"
63
Дважды кликните на "I"
Step #63: Дважды кликните на "I"

Ммм.

64
Кликните на "кураторов"
Step #64: Кликните на "кураторов"
65
Кликните на "I"
Step #65: Кликните на "I"

Ну что с интернетом, мамочка родная? Ну ладно. В общем, здесь должно быть три точки. Не знаю, не загружает. Я выгружаю всю эту историю в формате маркдауна. Затем перехожу в кодовую базу, где у меня есть документы докс.

66
Кликните здесь
Step #66: Кликните здесь
67
Кликните здесь
Step #67: Кликните здесь
68
Кликните здесь
Step #68: Кликните здесь

Все, компьютер вообще не справляется, ни компьютер, ничего.

69
Кликните здесь
Step #69: Кликните здесь
70
Кликните здесь
Step #70: Кликните здесь
71
Кликните здесь
Step #71: Кликните здесь

Да, это ужасно. В общем, есть папка "докс", там есть "таскс".

72
Кликните здесь
Step #72: Кликните здесь
73
Кликните здесь
Step #73: Кликните здесь

Я назвал этот проект "метрики клиентов" и туда положу этот маркдаун файл. Открываю Клодкод и начинаю писать. Давай составим большое техническое задание в нормальном формате. Вот по моему черновику технического задания. Он создает для тебя огромное техническое задание. По сути, он перепишет то же самое.

Ты можешь сразу проанализировать код и задать мне вопросы, если что-то непонятно.

74
Кликните на "I"
Step #74: Кликните на "I"
75
Кликните на "nentee_curator_assignment"
Step #75: Кликните на "nentee_curator_assignment"

И вы будете сидеть с ним и общаться. И в конечном счете у вас получится такое же ТЗ, но более четкое, понятное, структурированное, без грамматических ошибок и лишних слов.

76
Кликните на "I"
Step #76: Кликните на "I"

И после этого ты говоришь, что у нас есть техническое задание. Давай начнем декомпозировать. У нас первый этап — формирование UI для привязки кураторов к минте.

77
Кликните на "Формирование UI для при"
Step #77: Кликните на "Формирование UI для при"
78
Перетащите "Формирование UI для при"
Step #78: Перетащите "Формирование UI для при"

Давай реализовывать.

79
Кликните на "для формирование метрик и"
Step #79: Кликните на "для формирование метрик и"

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

80
Кликните на "I"
Step #80: Кликните на "I"

Он пишет код, а ты тестируешь его. Все окей, делаешь комментарий. Потом говоришь: давай перейдем к следующему этапу.

81
Кликните на "I"
Step #81: Кликните на "I"

И мне кажется, такие процессы, возможно, сейчас займут больше времени на составление этого ТЗ, чем на написание самого кода. Ну, посмотрим. Вот, возможно, что-то из этого будет полезно.

Claude Code Guide: как использовать технические требования из Notion в коде