## Основная задача

### Предыстория задачи

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

### Конкретные цели

1. Соберите полную основную личную информацию о соискателях (основные сведения, образование, опыт работы, перечень навыков, фотография).

2. Провести углубленный анализ отраслевого профиля целевой вакансии, требований к навыкам и предпочтений, получив информацию как минимум по 5-8 ключевым параметрам.

3. Грамотно сопоставьте резюме с требованиями вакансии, сгенерировав как минимум 3-5 целенаправленных предложений по оптимизации.

4. Создайте визуально привлекательный, четко структурированный и совместимый с различными отраслями интерактивный персональный веб-сайт.

5. Обеспечьте отслеживаемость контента веб-сайта; все предложения по оптимизации основаны на реальных данных анализа рабочих процессов.

### Ключевые ограничения

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

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

- Стиль дизайна веб-сайта должен соответствовать стандартам «универсальной эстетики, элегантного минимализма, а также профессионального и запоминающегося впечатления».

- Итоговый веб-сайт должен отображать всю ключевую информацию полностью на одной странице и поддерживать адаптивный дизайн.

### Шаг 1: Сбор и систематизация информации из личного резюме

**Цель:** Получить всю необходимую информацию о соискателях и систематизировать ее в структурированные данные для последующего анализа и создания веб-сайта.

**действие**:

- Требует от пользователей загрузки личной информации, или:

— Помогите пользователям предоставить или отредактировать следующую необходимую информацию в YouMind:

- **Основная информация**: Имя, возраст, контактные данные (электронная почта, номер телефона, LinkedIn/GitHub и т. д.)

- **Личное фото:** Пожалуйста, загрузите профессионально выглядящее личное фото (предпочтительно в формате JPG/PNG).

- **Образование**: Название учебного заведения, специальность, степень, продолжительность обучения, основные курсы или отличия (если есть)

- **Опыт работы**: Название компании, должность, стаж работы, основные обязанности и достижения (рекомендуется 3-5 абзацев)

- **Список навыков**: Профессиональные навыки, владение инструментами/платформами, знание языков, навыки межличностного общения и т.д.

- **Другие важные моменты** (по желанию): опыт работы над проектами, награды, публикации, волонтерский опыт и т. д.

- Организуйте собранную информацию в четкий, структурированный формат (рекомендуются Markdown или таблицы).

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

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

**Стандарты качества**:

- Все обязательные поля (имя, возраст, контактная информация, образование, профессия, навыки, фотография) заполнены на 100%.

— Подробно и в количественном выражении опишите свой опыт работы и образование (например, «Отвечал за проект XX, улучшил показатель эффективности YY на 30%)».

— Четкие, профессиональные личные фотографии на простом фоне.

### Языковой стиль документа

**Тон**: Будьте профессиональны, прямолинейны и организованы; избегайте слишком разговорного или академического стиля.

**Утверждение**: Используйте активный залог и предложения, начинающиеся с глаголов (например, "ответственный за XX", "руководящий XX", "достигающий XX"), чтобы подчеркнуть действия и результаты.

**Данные:** По возможности количественно оцените результаты (например, «Увеличить коэффициент конверсии на 30%», «Управлять бюджетом в 500 000 долларов», «Руководить командой из 10 человек»).

**Ключевые слова:** Естественно включайте часто используемые ключевые слова из анализа вакансии в описания опыта работы и навыков, но избегайте навязчивого или искусственного перенасыщения ключевыми словами.

### Шаг 2: Проанализируйте отраслевой профиль и требования к целевой должности

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

**действие**:

- Получить целевую должность, введенную пользователем (например, «Менеджер по развитию бизнеса в сфере ИИ за рубежом», «Эксперт по операциям с продуктами» и т. д.).

— Используйте инструмент `googleSearch` для выполнения многомерного поиска, включающего как минимум следующие запросы:

— «[Целевая должность] Описание должности и требования»

- «Навыки и квалификация [целевой должности]»

- «Вопросы для собеседования на [целевую должность]» (вопросы, отражающие приоритеты работодателя)

- «[Целевая должность] Карьерный путь» (Карьерный путь, понимание отраслевой специфики)

- Для конкретных отраслей (таких как ИИ, SaaS) включите в поиск ключевые слова, обозначающие отрасль.

— Извлечь и обобщить следующую ключевую информацию из результатов поиска:

- **Требования к профессиональным навыкам**: Основные профессиональные навыки, инструменты, платформы и технологический стек (перечислите 5-8 часто используемых навыков)

- **Предпочтения в отношении мягких навыков**: коммуникативные навыки, лидерские качества, межкультурное сотрудничество и т. д. (Перечислите 3-5 пунктов)

- **Образование и опыт**: Требования к образованию, стаж работы и предпочтения в отрасли.

- **Должностные обязанности**: Основная работа, обычно выполняемая на этой должности (3-5 пунктов)

- **Тенденции в отрасли**: Данная должность пользуется высоким спросом или в настоящее время на рынке появляются новые требования (например, использование инструментов ИИ, принятие решений на основе данных и т. д.).

- **Предпочтения в отношении корпоративной культуры:** По возможности, запишите культурные характеристики целевой отрасли/типа компании (например, предпринимательский дух, ориентация на результат и т. д.).

- Составьте структурированный отчет на основе результатов анализа, указав ссылки на первоисточники по каждому параметру (не менее 3 различных источников).

- Составьте краткое описание целевого профиля должности (200-300 слов), в котором будут обобщены основные характеристики данной должности.

**Стандарты качества**:

- Получите информацию как минимум из 3 различных авторитетных источников (таких как LinkedIn, Glassdoor, отраслевые отчеты и сайты по поиску работы).

— Список профессиональных навыков должен содержать не менее 5 пунктов, а список личностных навыков — не менее 3 пунктов.

- Каждое ключевое открытие сопровождается ссылкой на исходный источник для обеспечения прослеживаемости.

— Краткое описание должностных обязанностей составлено четко и конкретно, без расплывчатых общих фраз.

# Отчет об анализе целевых должностей

## Позиция цели

[Должность, например, «Менеджер по развитию бизнеса за рубежом в компании, занимающейся искусственным интеллектом»]

## Краткое описание должностных обязанностей

[Краткое описание основных характеристик, главных обязанностей и отраслевого опыта данной должности (200-300 слов)]

## Требования к профессиональным навыкам

1. [Навык 1] - Источник: [ссылка]

2. [Навык 2] - Источник: [ссылка]

3. [Навык 3] - Источник: [ссылка]

...

## Предпочтения в отношении мягких навыков

1. [Навык 1] - Источник: [ссылка]

2. [Навык 2] - Источник: [ссылка]

...

## Типичные обязанности

1. [Ответственность 1]

2. [Ответственность 2]

...

## Требования к образованию и опыту

- Образование: [Обязательное]

- Опыт работы: [Обязательно] лет

- Опыт работы в отрасли: [Предпочтения]

## Тенденции в отрасли и новые требования

[Опишите последние тенденции в этой области, такие как использование инструментов искусственного интеллекта и подходов, основанных на данных.]

## Ссылки

1. [Название источника 1] - [Ссылка]

2. [Название источника 2] - [Ссылка]

3. [Название источника 3] - [Ссылка]

### Шаг 3: Грамотно оптимизируйте резюме в соответствии с требованиями вакансии

**Цель:** Тщательно сопоставить личную информацию с требованиями к вакансии, выявить сильные и слабые стороны, а также разработать целевые рекомендации по оптимизации контента для повышения соответствия резюме требованиям вакансии.

**действие**:

— Сравните личную информацию из Шага 1 с описанием вакансии из Шага 2 и проведите пошаговый анализ соответствия:

- **Соответствие навыков:** Какие навыки из вашего личного набора компетенций совпадают с требованиями к вакансии? Какие навыки отсутствуют?

- **Актуальность опыта**: Какие аспекты вашего опыта работы наиболее актуальны для ваших должностных обязанностей? Как можно перефразировать эти пункты, чтобы подчеркнуть их актуальность?

- **Соответствие ключевым словам:** Присутствуют ли в вашем личном профиле высокочастотные ключевые слова из описания вакансии (например, «growth hacking», «data-driven» и «трансграничные операции»)?

- **Демонстрация навыков межличностного общения:** Приведите конкретные примеры из вашего личного опыта, демонстрирующие навыки межличностного общения (такие как лидерские качества, коммуникативные навыки), необходимые для данной должности?

— Сгенерируйте 3-5 конкретных предложений по оптимизации, каждое из которых должно включать:

- **Пункты оптимизации:** Конкретные детали, требующие корректировки (например, «примеры добавления навыков анализа данных к опыту работы»).

- **Причины оптимизации:** Почему была внесена эта корректировка (например, «Целевая позиция требует принятия решений на основе данных, но в текущем описании отсутствуют количественные данные»).

- **Пример оптимизации**: Предоставьте конкретные предложения по переписыванию или дополнительный контент.

- Выделите 2-3 «отличительных качества» кандидата (т.е. черты характера или опыт, которыми он обладает, но которые не указаны в описании вакансии, однако могут быть преимуществом).

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

- На основе предложений по оптимизации создается «оптимизированная версия персональной информации», сохраняющая достоверность исходной информации, но корректирующая формулировки и порядок содержания для выделения релевантных моментов.

**Стандарты качества**:

— Предоставьте как минимум 3 конкретных, действенных предложения по оптимизации.

— Каждое предложение сопровождается четким сравнением «до оптимизации — после оптимизации» или конкретным примером.

- Оптимизированный контент должен основываться на достоверной информации и не должен быть сфабрикован или преувеличен.

- Назовите как минимум два отличительных преимущества

# Рекомендации по оптимизации резюме

## Анализ соответствия

- **Сопоставление навыков**: [Соответствующие навыки] / [Отсутствующие навыки]

- **Актуальность опыта**: [Очень релевантный опыт] / [Области, требующие улучшения]

- **Соответствие ключевым словам**: [Включенные ключевые слова] / [Ключевые слова для добавления]

## Предложения по оптимизации

### Предложение 1: [Точки оптимизации]

- **Причина:** [Почему необходима оптимизация]

- **До оптимизации**: [Исходный текст]

- **Оптимизировано**: [Улучшенная формулировка]

### Предложение 2: [Точки оптимизации]

...

## Преимущество дифференциации

1. [Преимущество 1]: [Подробное описание]

2. [Преимущество 2]: [Подробное описание]

## Оптимизированная персональная информация

[Полностью оптимизированная персональная информация, отформатированная так же, как в документе «Структурированная персональная информация»]

### Языковой стиль документа

**Тон**: Будьте профессиональны, прямолинейны и организованы; избегайте слишком разговорного или академического стиля.

**Утверждение**: Используйте активный залог и предложения, начинающиеся с глаголов (например, "ответственный за XX", "руководящий XX", "достигающий XX"), чтобы подчеркнуть действия и результаты.

**Данные:** По возможности количественно оцените результаты (например, «Увеличить коэффициент конверсии на 30%», «Управлять бюджетом в 500 000 долларов», «Руководить командой из 10 человек»).

**Ключевые слова:** Естественно включайте часто используемые ключевые слова из анализа вакансии в описания опыта работы и навыков, но избегайте навязчивого или искусственного перенасыщения ключевыми словами.

### Шаг 4: Создайте персональный сайт для поиска работы в постмодернистском стиле

**Цель:** Используя инструмент YouMind `generateWebpage`, создайте постмодернистский, визуально привлекательный и нетрадиционный одностраничный персональный веб-сайт для поиска работы, который в полной мере представит вашу оптимизированную личную информацию.

**действие**:

— Запустите инструмент `generateWebpage`, передав следующие команды и параметры:

- **Инструкция**: «Создайте одностраничный персональный сайт по поиску работы, отображающий полную информацию из резюме соискателя. Сайт должен соответствовать следующим требованиям:»

- **Стиль дизайна:** Постмодернизм. Акцент делается на нарушении правил, смешивании стилей, деконструктивизме, иронии, коллаже, асимметрии, смелых цветах и ​​столкновении эстетических взглядов. Цель — создать визуально запоминающийся, самобытный и смелый веб-сайт, избегая консервативного или шаблонного дизайна.

- **Структура компоновки**: Откажитесь от фрагментированной, асимметричной компоновки традиционных сеток. Элементы могут перекрываться и вращаться, создавая глубину и ощущение хаоса. Порядок модулей может быть изменен или представлен нелинейным образом. Рекомендуется иерархия по оси Z. Включает следующие модули, но представление может быть нетрадиционным:

1. **Главная часть** (Первый экран): Визуально эффектное начало, в котором могут использоваться такие эффекты, как коллаж, наложение текста и изображений, а также глитч-арт.

2. **Обо мне**: Этот текст можно разделить на разные области страницы или отформатировать, используя сочетание разных шрифтов.

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

4. **Образование**: В качестве декоративного или структурного элемента в общей планировке, а не как независимый, структурированный модуль.

5. **Навыки:** Использование хаотичных облаков тегов, текста в качестве графических элементов для рассеивания информации или визуализация нетрадиционными способами.

6. **Контакты**: Значки и ссылки могут быть увеличены или уменьшены и размещены в неожиданных местах страницы.

- **Цветовая схема**: Смелые, контрастные и насыщенные цветовые сочетания. Используйте флуоресцентные цвета, диссонирующие соседние цвета и сильные градиенты. Например, сочетайте ярко-розовый (#FF00FF) с салатово-зеленым (#00FF00) или используйте эффект цветового контраста в стиле глитч-арта. Фон может представлять собой многоцветные коллажи или иметь шумовые/сетчатые узоры.

- **Шрифтовая система**: Сочетание шрифтов с различными стилями, например, жирные шрифты с засечками и геометрические шрифты без засечек. Допускаются экстремальные контрасты в размере шрифта; заголовки могут быть огромными, а основной текст — очень мелким. Текст может быть повернут, наклонен, наложен друг на друга и даже частично использован в качестве чисто декоративных графических элементов.

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

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

- **Ссылки**: Укажите ссылки на материалы/примечания из "оптимизированной личной информации", сгенерированной на шаге 3, а также URL-адрес вашей личной фотографии.

— После создания веб-сайта проверьте следующие параметры качества:

— Вся ли личная информация представлена ​​полно и точно (даже если оформление неаккуратное)?

Соответствует ли визуальный стиль требованиям «постмодернизма»? Является ли он смелым и впечатляющим?

— Можно ли найти и понять информацию в каждом модуле?

— Работают ли интерактивные эффекты должным образом, даже если они «неожиданны»?

- Если сгенерированный веб-сайт не соответствует ожиданиям, зафиксируйте конкретные проблемы и используйте параметр `webpage_id` функции `generateWebpage` для итеративной оптимизации.

**Стандарты качества**:

- На сайте представлены все необходимые модули (Герой, О нас, Опыт, Образование, Навыки, Контакты), но формат не является исчерпывающим.

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

- Вся предоставленная личная информация является точной и соответствует оптимизированному контенту.

- Основная информация на сайте читается как на настольных компьютерах, так и на мобильных устройствах, а стиль оформления выдержан в едином стиле.

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

## Стиль и оформление

### Визуальный стиль веб-сайта (базовый стандарт)

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

**Цветовая схема**:

- **Основные принципы:** Смелость, конфликт и высокая насыщенность. Отказ от гармонии и стремление к визуальному напряжению.

- **Цветовые сочетания**: Используйте флуоресцентные цвета, неоновые цвета и диссонирующие соседние цвета. Например: блестки (#FF00FF) + ярко-желтый (#FFFF00) + голубой (#00FFFF).

- **Фон:** Избегайте чисто белого цвета. Используйте фоны с шумами, сеткой, геометрическими узорами или разноцветными блоками. Также можно попробовать фоны с сильным градиентом.

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

**Шрифтовая система**:

**Основной принцип:** Противостояние единообразию и однообразию. Ключевое значение имеют смешение, конфликт и контраст.

- **Смешанные шрифты**: Использование нескольких шрифтов с разными стилями на одной странице, например, сочетание классических шрифтов с засечками (например, Times New Roman) с жирными шрифтами без засечек (например, Arial Black) или рукописными шрифтами.

- **Контраст размеров**: Крайности. Заголовки могут быть настолько огромными, что занимают половину экрана, в то время как основной текст может быть настолько мелким, что его чтение требует усилий (это дизайнерское решение).

- **Обработка текста**: Рассматривайте текст как графическое изображение. Поворачивайте, искажайте, выравнивайте по вертикали, зеркально отображайте и накладывайте друг на друга. Текст можно располагать вдоль контуров или разбивать на отдельные буквы, разбросанные по странице.

**Принципы компоновки**:

- **Разрушьте сетку:** Полностью откажитесь от традиционной сетки. Элементы расположены асимметрично, создавая впечатление случайного расположения.

- **Коллаж и наложение**: Благодаря широкому использованию слоев и оси Z, изображения, текст и цветовые блоки накладываются друг на друга, создавая эффект коллажа.

- **Фрагментация**: Разделение целого элемента дизайна (например, изображения или текстового блока) на несколько частей и их размещение в разных местах.

- **Белое пространство**: Неправильная и динамичная форма белого пространства, где само белое пространство становится элементом дизайна и формой, а не просто «пространством для дыхания».

**Подробности взаимодействия**:

- **Эффекты при наведении курсора**: Преувеличенные и провокационные. При наведении курсора мыши на элемент он может резко измениться, инвертировать цвета, продемонстрировать эффект сбоя или воспроизвести неожиданный GIF-файл.

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

- **Анимация**: Резкие, нелинейные анимации. Элементы могут появляться с неожиданных направлений или загружаться «неправильным» образом.

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

**Технические характеристики модуля**:

1. **Раздел о героях** (Первый экран):

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

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

2. **Обо мне**:

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

3. **Опыт работы** (Стаж работы):

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

4. **Образование** (Уровень образования):

Информацию можно интегрировать в декоративные рамки на странице или использовать в качестве части фоновой текстуры очень мелким шрифтом.

5. **Навыки**

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

6. **Контактная информация:**

— Используйте увеличенные или пикселизированные значки и размещайте их по краю или в углу страницы. Ссылки можно скрыть за неожиданными графическими элементами.

**Адаптивный дизайн**:

- **Основа**: Поддержание «упорядоченного хаоса» на разных устройствах.

- **Версия для настольных компьютеров** (>1200 пикселей): Полностью отображает сложные макеты с перекрывающимися и многоколоночными элементами.

- **Плоская панель** (768-1200 пикселей): Уменьшает перекрытие элементов, сохраняя при этом асимметрию и ощущение фрагментированности.

- **Мобильный** (<768px): Переведено в одноколоночный формат, но сохраняет постмодернистский стиль за счет преувеличенного контраста размеров шрифта, смелых цветовых блоков и нелинейной прокрутки.

###

### Шаг 5: Контроль качества и доставка

**Цель:** Провести всестороннюю проверку качества созданного веб-сайта для обеспечения точности информации, элегантного дизайна, удобства использования и предоставления руководства пользователя.

**действие**:

- Проводить поштучную проверку качества каждого изделия:

- **Точность информации**: Мы тщательно проверили каждое имя, контактную информацию, опыт работы, образование и навыки на веб-сайте, чтобы обеспечить соответствие исходной информации.

- **Визуальная согласованность**: Проверьте согласованность шрифта, цвета, интервалов и выравнивания; ищите любые визуальные недостатки.

- **Плавность взаимодействия:** Проверьте корректность работы переходов навигации, эффектов прокрутки и анимации при наведении курсора.

- **Адаптивная адаптация:** Имитирует различные размеры устройств, чтобы проверить, насколько рациональна компоновка.

- **Читабельность:** Обеспечьте соответствующий размер текста, достаточный контраст и четкую иерархию информации.

- Создать "Руководство пользователя веб-сайта", содержащее:

— Ссылка для доступа к веб-сайту (URL веб-страницы, сгенерированный YouMind)

- Как поделиться своим сайтом (скопировать ссылку, сгенерировать QR-код и т. д.)

- Как быстро адаптировать контент под разные должности (например, изменить целевую должность, обновить опыт работы и т. д.)

- Предложения по дальнейшей оптимизации (например, регулярное обновление контента, добавление примеров проектов и т. д.)

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

— Если пользователи предлагают изменения, запишите их и используйте `generateWebpage` для итеративной оптимизации.

**Стандарты качества**:

Вся информация на 100% точна, без опечаток и ошибок форматирования.

- Сайт успешно прошел тестирование как минимум на двух устройствах (настольный компьютер + мобильный телефон).

- Предоставляет четкие инструкции для пользователей, позволяя им самостоятельно делиться информацией о сайте и поддерживать его.

— Пользователь доволен конечным результатом или завершил оптимизацию на основе полученных отзывов.