Я 50 раз корректировал работу ИИ, чтобы он смог кликнуть на это видео, документирующее «снежинки» 2025 года.

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

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

Неожиданно эта небольшая идея послужила толчком к двухдневному интенсивному проекту в студии искусственного интеллекта, в ходе которого я завершил две версии: одна из них была «традиционной версией», основанной на статических элементах и ​​простых взаимодействиях.

Другой вариант — это «версия для развития навыков» с динамическими эффектами, бесконечным масштабированием и сочетанием 3D-частиц и интерактивности.

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

Создайте собственный «Итоговый отчет по итогам года», основанный на ваших навыках.

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

Я использую ChatGPT, поэтому открою новое окно и введу следующий запрос:

На основе бесед, состоявшихся в этом году, составьте, пожалуйста, основанное на данных резюме по следующим параметрам: «количество, тема, время, эмоции, привычки использования и личностные черты», включая смоделированные данные и ASCII-диаграммы. Пожалуйста, строго следуйте приведенной ниже структуре:
【1. Годовой обзор】
Общее количество взаимодействий с GPT в этом году
Общее количество отправленных символов + Общее количество полученных символов
Наиболее частое время взаимодействия
Наибольшая продолжительность непрерывного разговора
【2. Распределение типов взаимодействия (круговая диаграмма)】
Пожалуйста, продемонстрируйте это с помощью ASCII-диаграммы:
Эмоциональное, дискуссионное, творческое, обучающее, ролевые игры, другое.
【3. 10 наиболее часто используемых тем】
Контент представлен в виде таблицы лидеров, к каждой теме прилагается комментарий.
4. Моя годовая эмоциональная динамика (линейный график)
Анализ моделирования кривой моих эмоций во время разговора.
5. Профиль поведения пользователя (радарная диаграмма)
Размеры радиолокационной карты включают:
Любопытство, зависимость, глубина анализа, желание самовыражения, эмоциональная чувствительность, частота самоанализа
【6. Период использования и частота (гистограмма)】
На гистограмме показаны временные периоды, которые я чаще всего использую для поиска данных GPT в течение года: раннее утро, утро, день, вечер и поздняя ночь.
【7. Мои привычки взаимодействия】
Пожалуйста, сгенерируйте для меня 6-10 тегов, аналогичных "Годовому профилю приложения", исходя из круглогодичного графика. Также разработайте 6 именных значков ежегодных достижений.
[8. Мой взгляд на ИИ (данные + повествование)]
Исходя из годовой закономерности, напишите отрывок, используя метафоры, основанные на данных:
«Что я за человек? Какова моя душа? Почему я заслуживаю такого описания?»
[9. Краткое изложение событий года в одном предложении]

Общие требования к стилю:
Дизайн сочетает визуализацию данных с годовым обзором, используя ASCII-диаграммы. Визуализация должна быть понятной, привлекательной и легко читаемой, а текст — технологичным, захватывающим и повествовательным, избегая шаблонных клише.

Это основные материалы для следующего шага. При выполнении указанной выше команды GPT выведет только обычный текст, а диаграммы будут нарисованы приблизительно. Поэтому для дальнейшей компоновки нам необходимо перейти в Gemini/AI Studio.

AI Studio по-прежнему остается наиболее рекомендуемым местом. Помимо большего выбора моделей и более интуитивно понятного интерактивного процесса, есть еще одна, более важная причина, о которой я расскажу позже.

В итоговых отчетах по итогам года данные — это всего лишь материал; оформление имеет еще большее значение — этот аспект стал невероятно сложным, полностью интегрированным в базу данных ИИ и может быть реализован всего несколькими строками простых подсказок.

Пожалуйста, помогите мне создать интерактивную H5-страницу для подведения итогов года. Текст для подведения итогов будет предоставлен ниже. Требования: 1. Интерактивная HTML-страница, доступная локально. 2. Разделите текст на разделы, создав диаграммы там, где это необходимо. 3. Требования к макету: используйте шрифт с засечками для текста; цвет фона можно регулировать. Текст для подведения итогов выглядит следующим образом: (Пожалуйста, дополните свой текст)

Многие жалуются, что визуальные диаграммы, созданные с помощью ИИ, выглядят дешево и «пластиково»; эффект неплохой, но и не отличный — в этом слабость простых подсказок. Поэтому при создании отчетов я стараюсь избегать расплывчатых прилагательных, таких как «грандиозный» или «изысканный». ИИ их не понимает; он может только точно выполнять параметры, и разбить процесс на этапы гораздо эффективнее.

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

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

При добавлении интерактивности опишите желаемый эффект — будьте как можно более подробны, например: расположите «Десять главных тем года» в сетке из 10 квадратов, щелкните, чтобы перевернуть каждый квадрат, и текст всегда должен оставаться центрированным.

Этот процесс настройки, по сути, использует ваше чувство эстетики для борьбы с эффективностью выполнения ИИ. Однако чувство эстетики у Gemini теперь намного лучше, чем я ожидал. Например, когда я запросил больше вариантов цвета, все три предложенные цветовые схемы оказались довольно хорошими.

Скрытое оружие: «Откат»

Создание традиционного итогового отчета больше похоже на сотрудничество с дизайнером, изменение цветов и макета. Но "итоговой отчет, основанный на навыках" — это сотрудничество с инженерами.

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

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

Описание персонажа: Вы — эксперт по 3D-разработке, владеющий React 19, TypeScript и Three.js (R3F). Задача: Создать высококачественное 3D-веб-приложение под названием «Рождественская снежинка». Визуальный стиль будет преимущественно включать глубокий изумрудно-зеленый и глянцевый золотой цвета, дополненные кинематографическими эффектами свечения. Технологический стек: React 19, TypeScript, React Three Fiber, Drei, Postprocessing, Tailwind CSS.

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

Затем последовал долгий…долгий…долгий…процесс доработки. По моему мнению, каждый фрагмент кода на Ruby инкапсулирует часть контента, поэтому загрузка всего текста сразу не сработала бы. Это распространенная ошибка, которую допускают многие при написании заданий — они любят вкладывать все требования сразу, в результате чего генерируемый ИИ код оказывается полон ошибок. Мое предложение: сначала определите структуру, а затем настройте анимацию. Например, для анимации снежинки я разделил ее на три этапа:

Шаг 1: Сначала нарисуйте трехмерную форму снежинки. После того, как форма будет правильной, скачайте версию. Кнопку для скачивания можно найти здесь.

Шаг 2: Добавьте к нему вращение и рубиновые узлы. Не спешите добавлять контент; просто измените форму нескольких узлов, придав им форму рубинов.

Шаг 3: Только после этого мы уточняем логику масштабирования по клику, учитывая эффект при увеличении масштаба и необходимость добавления кнопки «Назад»…

После того, как каждый шаг даст ожидаемый результат, не вносите никаких ненужных изменений. Если это неэффективно, и отладка с помощью Gemini не помогает, активируйте оружие:

Самое важное открытие, которое я сделал во время работы над этим проектом: откат. Чем сложнее функциональность и чем больше требований, тем больше вероятность ошибок у ИИ. При выполнении нового требования неизбежно происходит «перегенерация» некоторых элементов, поэтому даже если другие части кода раньше работали нормально, после внесения изменений могут появиться новые ошибки.

В результате, чем больше вы исправляете несовершенный код, тем больше ошибок появляется. Такой подход, когда «нажимаешь на одну тыкву, а другая всплывает», является самым обескураживающим этапом.

Поэтому наиболее эффективный подход заключается в том, чтобы, когда вы обнаружите, что ИИ «отмыл» ранее скорректированную логику взаимодействия, чтобы добавить новую функцию (например, изменить цвет), не настаивать на спорах с ним в диалоговом окне, чтобы заставить его «вернуть все как было». Самый быстрый способ — просто вернуться к предыдущей версии и затем ввести новую команду — помните, вы — командир, а он — исполнитель. ИИ сошел с ума, и вам нужно вернуть его на правильный путь.

Это особенно важно для пользователей, которые вообще не пишут код. Для обычных пользователей, которые редко смотрят на длинный код и видят только предварительный просмотр, это самая простая и прямая "мантра": не беспокойтесь о том, какая строка кода неверна, просто откатите изменения.

В ходе этого проекта в какой-то момент произошел сбой: я предложил «Оптимизировать материал Ruby, чтобы он выглядел более прозрачным». Предварительный просмотр кода показал, что Gemini работает, но когда я вернулся на страницу предварительного просмотра, никаких изменений не произошло.

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

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

Однако важно отметить, что откат применяется только к предыдущей версии; более старые версии не поддерживаются. Представьте это как «возврат на один шаг назад», подобно сочетанию клавиш Ctrl+Z.

Позже у меня закончились идеи, поэтому, к счастью, я позволил Gemini самостоятельно выполнить часть работы по дизайну. Поскольку общий визуальный дизайн уже был завершен, его результаты оказались довольно хорошими. Например, ежегодный значок достижений «Вальхалла» был полностью разработан им.

Идея отображения названий конкретных достижений при наведении курсора мыши также принадлежит Gemini. В другом статистическом показателе приложение даже построило собственный график пульса.

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

При составлении этого итогового отчета мне чаще всего задавали вопрос: «Что такое подсказка?»

Неудивительно, что с таким широким распространением ИИ этот вопрос стал для людей инстинктивным. Но, честно говоря, волшебного заклинания, которое сработает мгновенно, не существует.

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

Напротив, наибольшее значение ИИ заключается в том, что он впервые преодолел разрыв между «мышлением» и «созиданием». Раньше вы были ограничены отсутствием навыков программирования и дизайна и могли довольствоваться лишь монотонными шаблонами; но теперь, если вы готовы потратить некоторое время на «проработку» и описание конкретной картины в своем уме, ИИ может помочь вам создать тот мир, который принадлежит только вам.

Ответ холоден, но ваши воспоминания и эстетические чувства теплые.

Если бы мне пришлось сформулировать это в виде формулы, она, вероятно, звучала бы так: немного воображения + десятки терпеливых переписываний + эстетика, которая никогда не идет на компромисс с посредственными результатами.

Прекратите искать универсальные инструкции. В новом году попробуйте пообщаться с искусственным интеллектом, «презирайте» его посредственность и придерживайтесь своей интуиции. Вы обнаружите, что, подобно непрерывному самообновлению и вызовам каждого года, лучшим итогом года является именно процесс постоянного начала заново.

#Добро пожаловать на официальный аккаунт iFanr в WeChat: iFanr (идентификатор WeChat: ifanr), где вы сможете в кратчайшие сроки увидеть еще больше интересного контента.

ifanr | Оригинальная ссылка · Посмотреть комментарии · Sina Weibo