## Nhiệm vụ cốt lõi

### Bối cảnh nhiệm vụ

Trong bối cảnh tìm việc hiện đại, các trang web hồ sơ cá nhân được tùy chỉnh cho từng vị trí công việc có thể nâng cao đáng kể hình ảnh chuyên nghiệp và khả năng cạnh tranh của người tìm việc. Các bản lý lịch truyền thống thường thiếu sự tập trung và không thể hiện đầy đủ sự phù hợp giữa người tìm việc và vị trí mục tiêu. Kỹ năng này nhằm mục đích tận dụng khả năng của trí tuệ nhân tạo (AI) để tự động phân tích yêu cầu công việc, tối ưu hóa cách trình bày thông tin cá nhân và tạo ra các trang web tìm việc cá nhân chất lượng cao.

### Mục tiêu cụ thể

1. Thu thập đầy đủ thông tin cá nhân cơ bản của người tìm việc (thông tin cơ bản, trình độ học vấn, kinh nghiệm làm việc, danh sách kỹ năng, ảnh cá nhân).

2. Tiến hành phân tích chuyên sâu về hồ sơ ngành nghề, yêu cầu kỹ năng và đặc điểm ưu tiên của công việc mục tiêu, thu thập thông tin chi tiết trên ít nhất 5-8 khía cạnh chính.

3. Tự động đối chiếu sơ yếu lý lịch cá nhân với yêu cầu công việc, đưa ra ít nhất 3-5 đề xuất tối ưu hóa phù hợp.

4. Tạo một trang web cá nhân tương tác trực quan hấp dẫn, có cấu trúc rõ ràng và tương thích với nhiều ngành nghề khác nhau.

5. Đảm bảo nội dung trang web có thể truy xuất nguồn gốc; tất cả các đề xuất tối ưu hóa đều dựa trên dữ liệu phân tích công việc thực tế.

### Ràng buộc chính

Thông tin cá nhân phải đúng sự thật và đầy đủ, không được bịa đặt hoặc phóng đại.

Phân tích công việc phải dựa trên kết quả tìm kiếm thực tế trên internet, tham khảo ít nhất ba nguồn.

- Phong cách thiết kế website phải đáp ứng các tiêu chuẩn "thẩm mỹ phổ quát, tối giản trang nhã, chuyên nghiệp và tạo ấn tượng khó quên".

- Trang web cuối cùng cần hiển thị đầy đủ tất cả thông tin quan trọng trên một trang duy nhất và hỗ trợ bố cục đáp ứng (responsive layout).

### Bước 1: Thu thập và sắp xếp thông tin cá nhân trong sơ yếu lý lịch

**Mục tiêu:** Thu thập tất cả thông tin cần thiết về người tìm việc và sắp xếp chúng thành dữ liệu có cấu trúc để chuẩn bị cho việc phân tích và xây dựng trang web sau này.

**hoạt động**:

- Yêu cầu người dùng tải lên thông tin cá nhân, hoặc:

- Hướng dẫn người dùng cung cấp hoặc chỉnh sửa các thông tin bắt buộc sau trong YouMind:

- **Thông tin cơ bản**: Họ tên, tuổi, thông tin liên hệ (email, số điện thoại, LinkedIn/GitHub, v.v.)

- **Ảnh cá nhân:** Vui lòng tải lên một ảnh cá nhân chuyên nghiệp (ưu tiên định dạng JPG/PNG).

- **Trình độ học vấn**: Tên trường, chuyên ngành, bằng cấp, thời gian học, các môn học bắt buộc hoặc môn học danh dự (nếu có)

- **Kinh nghiệm làm việc**: Tên công ty, chức vụ, thời gian làm việc, trách nhiệm chính và thành tích (khuyến khích 3-5 đoạn văn)

- **Danh sách kỹ năng**: Kỹ năng chuyên môn, thành thạo các công cụ/nền tảng, kỹ năng ngoại ngữ, kỹ năng mềm, v.v.

- **Những điểm nổi bật khác** (tùy chọn): Kinh nghiệm thực hiện dự án, giải thưởng, ấn phẩm, kinh nghiệm tình nguyện, v.v.

- Sắp xếp thông tin đã thu thập thành một định dạng rõ ràng, có cấu trúc (nên sử dụng Markdown hoặc bảng).

- Kiểm tra tính đầy đủ của thông tin: Xác nhận rằng tất cả các trường bắt buộc đã được điền đầy đủ và ảnh đã được tải lên đúng định dạng.

- Lưu thông tin cá nhân đã được sắp xếp dưới dạng Tài liệu hoặc Ghi chú trong YouMind để dễ dàng tham khảo sau này.

**Tiêu chuẩn chất lượng**:

- Tất cả các trường bắt buộc (tên, tuổi, thông tin liên hệ, học vấn, nghề nghiệp, kỹ năng, ảnh) đều đã được điền đầy đủ 100%.

- Hãy mô tả chi tiết và định lượng kinh nghiệm làm việc và trình độ học vấn của bạn (ví dụ: "Chịu trách nhiệm dự án XX, cải thiện chỉ số hiệu suất của YY lên 30%)"

- Ảnh cá nhân rõ nét, chuyên nghiệp với phông nền đơn giản.

### Kiểu ngôn ngữ tài liệu

**Giọng văn**: Hãy chuyên nghiệp, trực tiếp và mạch lạc; tránh dùng giọng điệu quá suồng sủng hoặc hàn lâm.

**Tuyên bố**: Sử dụng thể chủ động và câu bắt đầu bằng động từ (như "chịu trách nhiệm về XX", "lãnh đạo XX", "đạt được XX") để nhấn mạnh hành động và kết quả.

**Dữ liệu:** Định lượng kết quả càng chi tiết càng tốt (ví dụ: "Tăng tỷ lệ chuyển đổi lên 30%", "Quản lý ngân sách 500.000 đô la", "Lãnh đạo một nhóm 10 người").

**Từ khóa:** Hãy khéo léo kết hợp các từ khóa có tần suất sử dụng cao từ bản mô tả công việc vào phần mô tả kinh nghiệm làm việc và kỹ năng của bạn, nhưng tránh nhồi nhét từ khóa một cách gượng ép hoặc giả tạo.

Bước 2: Phân tích hồ sơ ngành nghề và yêu cầu của vị trí mục tiêu

**Mục tiêu:** Thông qua việc tìm kiếm trực tuyến toàn diện, nắm bắt sâu sắc hồ sơ ứng tuyển điển hình, các yêu cầu kỹ năng cốt lõi, sở thích của ngành và những kỳ vọng ngầm định của các vị trí mục tiêu, cung cấp dữ liệu hỗ trợ cho việc tối ưu hóa sơ yếu lý lịch.

**hoạt động**:

- Lấy chức danh công việc mục tiêu do người dùng nhập vào (ví dụ: "Quản lý phát triển thị trường nước ngoài của một công ty AI", "Chuyên gia vận hành sản phẩm", v.v.)

- Sử dụng công cụ `googleSearch` để thực hiện tìm kiếm đa chiều, bao gồm ít nhất các truy vấn sau:

- "[Vị trí mục tiêu] Mô tả công việc và yêu cầu"

- "[Vị trí mục tiêu] kỹ năng và trình độ chuyên môn"

- "[Vị trí mục tiêu] Câu hỏi phỏng vấn" (Những câu hỏi phỏng vấn phản ánh trọng tâm của nhà tuyển dụng)

- "[Vị trí mục tiêu] Lộ trình nghề nghiệp" (Lộ trình nghề nghiệp, hiểu biết về bối cảnh ngành nghề)

- Đối với các ngành cụ thể (như Trí tuệ nhân tạo, Phần mềm dưới dạng dịch vụ), hãy thêm các từ khóa ngành vào tìm kiếm của bạn.

- Trích xuất và tóm tắt các thông tin chính sau từ kết quả tìm kiếm:

- **Yêu cầu về kỹ năng chuyên môn**: Các kỹ năng, công cụ, nền tảng và bộ công nghệ chuyên nghiệp thiết yếu (liệt kê 5-8 kỹ năng thường xuyên sử dụng)

- **Kỹ năng mềm ưu tiên**: Kỹ năng giao tiếp, lãnh đạo, hợp tác đa văn hóa, v.v. (Liệt kê 3-5 mục)

- **Trình độ học vấn và kinh nghiệm**: Yêu cầu về trình độ học vấn, số năm kinh nghiệm làm việc và ngành nghề ưu tiên.

- **Trách nhiệm công việc**: Các công việc chính thường được thực hiện bởi vị trí này (3-5 mục)

- **Xu hướng ngành**: Vị trí này đang có nhu cầu cao hoặc có những yêu cầu mới nổi trên thị trường hiện nay (chẳng hạn như sử dụng công cụ AI, ra quyết định dựa trên dữ liệu, v.v.).

- **Ưu tiên về văn hóa doanh nghiệp:** Nếu có thể, hãy ghi lại các đặc điểm văn hóa của ngành/loại hình công ty mục tiêu (chẳng hạn như tinh thần khởi nghiệp, phương pháp tiếp cận hướng đến kết quả, v.v.).

- Biên soạn kết quả phân tích thành một báo cáo có cấu trúc, kèm theo liên kết đến các nguồn gốc ban đầu cho mỗi khía cạnh (ít nhất 3 nguồn khác nhau).

- Soạn thảo "Bản tóm tắt hồ sơ công việc mục tiêu" (200-300 từ) nêu bật các đặc điểm cốt lõi của công việc.

**Tiêu chuẩn chất lượng**:

- Thu thập thông tin từ ít nhất 3 nguồn đáng tin cậy khác nhau (chẳng hạn như LinkedIn, Glassdoor, báo cáo ngành và các trang web tuyển dụng).

- Danh sách kỹ năng cứng cần có ít nhất 5 mục, và danh sách kỹ năng mềm cần có ít nhất 3 mục.

- Mỗi phát hiện quan trọng đều được kèm theo liên kết gốc để đảm bảo tính minh bạch.

- Phần tóm tắt mô tả công việc rõ ràng và cụ thể, tránh những từ ngữ chung chung mơ hồ.

# Báo cáo phân tích mục tiêu công việc

## Vị trí mục tiêu

[Chức danh công việc, ví dụ như "Quản lý Phát triển Kinh doanh Quốc tế tại một Công ty Trí tuệ Nhân tạo"]

## Tóm tắt hồ sơ công việc

[Một bản tóm tắt dài 200-300 từ mô tả các đặc điểm cốt lõi, trách nhiệm chính và bối cảnh ngành nghề của vị trí này]

## Yêu cầu về kỹ năng cứng

1. [Kỹ năng 1] - Nguồn: [liên kết]

2. [Kỹ năng 2] - Nguồn: [liên kết]

3. [Kỹ năng 3] - Nguồn: [link]

...

## Ưu tiên kỹ năng mềm

1. [Kỹ năng 1] - Nguồn: [liên kết]

2. [Kỹ năng 2] - Nguồn: [liên kết]

...

## Trách nhiệm điển hình

1. [Trách nhiệm 1]

2. [Trách nhiệm 2]

...

## Yêu cầu về trình độ học vấn và kinh nghiệm

- Trình độ học vấn: [Bắt buộc]

- Số năm kinh nghiệm làm việc: [Bắt buộc]

- Kinh nghiệm trong ngành: [Ưu tiên]

## Xu hướng ngành và các yêu cầu mới nổi

[Hãy mô tả những xu hướng mới nhất cho vai trò này, chẳng hạn như việc sử dụng các công cụ trí tuệ nhân tạo và các phương pháp tiếp cận dựa trên dữ liệu.]

## Tài liệu tham khảo

1. [Tiêu đề Nguồn 1] - [Liên kết]

2. [Tiêu đề Nguồn 2] - [Liên kết]

3. [Tiêu đề Nguồn 3] - [Liên kết]

### Bước 3: Tối ưu hóa sơ yếu lý lịch cá nhân một cách thông minh để phù hợp với yêu cầu công việc

**Mục tiêu:** Đối chiếu sâu sắc thông tin cá nhân với yêu cầu công việc, xác định điểm mạnh và điểm yếu, đồng thời đưa ra các đề xuất tối ưu hóa nội dung có mục tiêu để làm cho CV phù hợp hơn với từng cá nhân.

**hoạt động**:

- So sánh thông tin cá nhân từ Bước 1 với hồ sơ công việc từ Bước 2 và thực hiện phân tích đối khớp từng điểm một:

- **Đối sánh kỹ năng:** Những kỹ năng nào trong bộ kỹ năng cá nhân của bạn trùng khớp với yêu cầu công việc? Những kỹ năng nào bạn còn thiếu?

- **Mức độ liên quan của kinh nghiệm**: Những khía cạnh nào trong kinh nghiệm làm việc của bạn có liên quan mật thiết đến trách nhiệm công việc hiện tại? Bạn có thể diễn đạt lại những điểm này như thế nào để làm nổi bật tính liên quan của chúng?

- **Sự phù hợp của từ khóa:** Các từ khóa có tần suất xuất hiện cao trong mô tả công việc (như "growth hacking," "data-driven," và "cross-border operations") có xuất hiện trong hồ sơ cá nhân của bạn không?

- **Thể hiện kỹ năng mềm:** Bạn có thể đưa ra những ví dụ cụ thể nào trong kinh nghiệm cá nhân để minh họa các kỹ năng mềm (như kỹ năng lãnh đạo, kỹ năng giao tiếp) cần thiết cho vị trí này không?

- Đưa ra 3-5 đề xuất tối ưu hóa cụ thể, mỗi đề xuất bao gồm:

- **Điểm cần tối ưu hóa:** Các chi tiết cụ thể cần điều chỉnh (ví dụ: "các ví dụ về việc bổ sung kỹ năng phân tích dữ liệu vào kinh nghiệm làm việc").

- **Lý do tối ưu hóa:** Tại sao điều chỉnh này được thực hiện (ví dụ: "Vị trí mục tiêu yêu cầu 'ra quyết định dựa trên dữ liệu', nhưng mô tả hiện tại thiếu dữ liệu định lượng").

- **Ví dụ về tối ưu hóa**: Đưa ra các đề xuất viết lại cụ thể hoặc nội dung bổ sung.

- Xác định 2-3 "điểm mạnh khác biệt" của cá nhân (tức là những đặc điểm hoặc kinh nghiệm mà cá nhân đó sở hữu nhưng không được đề cập rõ ràng trong mô tả công việc, nhưng có thể là một lợi thế).

- Nếu bạn phát hiện ra khoảng cách đáng kể về kỹ năng hoặc kinh nghiệm, hãy chỉ ra một cách trung thực và đề xuất cách trình bày nó trên trang web như một chỉ số "động lực học tập" hoặc "chuyển giao kinh nghiệm liên quan".

- Dựa trên các đề xuất tối ưu hóa, một phiên bản "thông tin cá nhân được tối ưu hóa" sẽ được tạo ra, giữ nguyên tính xác thực của thông tin gốc nhưng điều chỉnh cách diễn đạt và thứ tự nội dung để làm nổi bật tính liên quan.

**Tiêu chuẩn chất lượng**:

- Hãy đưa ra ít nhất 3 đề xuất tối ưu hóa cụ thể, có thể thực hiện được.

- Mỗi đề xuất đều bao gồm so sánh rõ ràng "trước khi tối ưu hóa - sau khi tối ưu hóa" hoặc một ví dụ cụ thể.

- Nội dung được tối ưu hóa phải dựa trên thông tin chính xác và không được bịa đặt hoặc phóng đại.

- Xác định ít nhất hai ưu điểm khác biệt

# Gợi ý tối ưu hóa CV

## Phân tích đối sánh

- **Ghép kỹ năng**: [Kỹ năng phù hợp] / [Kỹ năng còn thiếu]

- **Mức độ phù hợp của kinh nghiệm**: [Kinh nghiệm rất phù hợp] / [Những lĩnh vực cần cải thiện]

- **Căn chỉnh từ khóa**: [Từ khóa đã bao gồm] / [Từ khóa cần thêm]

## Gợi ý tối ưu hóa

### Gợi ý 1: [Điểm tối ưu hóa]

- **Lý do:** [Tại sao cần tối ưu hóa]

- **Trước khi tối ưu hóa**: [Nguyên văn]

- **Đã tối ưu hóa**: [Cải thiện cách diễn đạt]

### Gợi ý 2: [Điểm tối ưu hóa]

...

## Lợi thế khác biệt

1. [Ưu điểm 1]: [Mô tả chi tiết]

2. [Ưu điểm 2]: [Mô tả chi tiết]

## Thông tin cá nhân được tối ưu hóa

[Thông tin cá nhân được tối ưu hóa hoàn chỉnh, định dạng giống như "Tài liệu thông tin cá nhân có cấu trúc"]

### Kiểu ngôn ngữ tài liệu

**Giọng văn**: Hãy chuyên nghiệp, trực tiếp và mạch lạc; tránh dùng giọng điệu quá suồng sủng hoặc hàn lâm.

**Tuyên bố**: Sử dụng thể chủ động và câu bắt đầu bằng động từ (như "chịu trách nhiệm về XX", "lãnh đạo XX", "đạt được XX") để nhấn mạnh hành động và kết quả.

**Dữ liệu:** Định lượng kết quả càng chi tiết càng tốt (ví dụ: "Tăng tỷ lệ chuyển đổi lên 30%", "Quản lý ngân sách 500.000 đô la", "Lãnh đạo một nhóm 10 người").

**Từ khóa:** Tích hợp một cách tự nhiên các từ khóa có tần suất sử dụng cao từ bản mô tả công việc vào phần mô tả kinh nghiệm làm việc và kỹ năng của bạn, nhưng tránh nhồi nhét từ khóa một cách gượng ép hoặc giả tạo.

### Bước 4: Tạo một trang web tìm việc cá nhân theo phong cách hậu hiện đại

**Mục tiêu:** Sử dụng công cụ `generateWebpage` của YouMind, hãy tạo một trang web tìm việc cá nhân theo phong cách hậu hiện đại, trực quan ấn tượng và độc đáo, chỉ gồm một trang duy nhất, trình bày đầy đủ thông tin cá nhân đã được tối ưu hóa của bạn.

**hoạt động**:

- Gọi công cụ `generateWebpage`, truyền vào các lệnh và tham số sau:

- **Hướng dẫn**: "Hãy tạo một trang web tìm việc cá nhân duy nhất hiển thị đầy đủ thông tin sơ yếu lý lịch của người tìm việc. Trang web phải đáp ứng các yêu cầu sau:"

- **Phong cách thiết kế:** Hậu hiện đại. Trọng tâm là phá vỡ các quy tắc, pha trộn các phong cách, giải cấu trúc, châm biếm, cắt dán, bất đối xứng, màu sắc táo bạo và sự xung đột về thẩm mỹ. Mục tiêu là tạo ra một trang web dễ nhớ, độc đáo và đầy thách thức về mặt thị giác, tránh mọi thiết kế bảo thủ hoặc chung chung.

- **Cấu trúc bố cục**: Thoát khỏi bố cục rời rạc, bất đối xứng của các lưới thông thường. Các phần tử có thể chồng chéo và xoay để tạo chiều sâu và cảm giác hỗn loạn. Thứ tự các mô-đun có thể được xáo trộn hoặc trình bày theo cách phi tuyến tính. Khuyến khích sử dụng thứ tự phân cấp theo trục Z. Bao gồm các mô-đun sau, nhưng cách trình bày có thể không theo quy ước:

1. **Phần giới thiệu** (Màn hình đầu tiên): Phần mở đầu ấn tượng về mặt hình ảnh, có thể sử dụng các hiệu ứng như cắt dán, văn bản và hình ảnh chồng lên nhau, và nghệ thuật lỗi kỹ thuật số.

2. **Giới thiệu về tôi**: Phần văn bản này có thể được chia thành nhiều phần khác nhau trên trang hoặc được định dạng bằng nhiều kiểu chữ khác nhau.

3. **Trải nghiệm**: Hãy từ bỏ trình tự thời gian truyền thống và sử dụng các thẻ có kích thước khác nhau, hình dạng bất thường hoặc hiệu ứng cuộn thị sai để hiển thị từng trải nghiệm.

4. **Giáo dục**: Là một yếu tố trang trí hoặc cấu trúc trong tổng thể bố cục, chứ không phải là một mô-đun độc lập, có cấu trúc riêng.

5. **Kỹ năng:** Sử dụng các đám mây từ khóa hỗn loạn, văn bản làm yếu tố đồ họa để phân tán hoặc trực quan hóa theo những cách không thông thường.

6. **Liên hệ**: Các biểu tượng và liên kết có thể được phóng to hoặc thu nhỏ và đặt ở những vị trí bất ngờ trên trang.

- **Phối màu**: Sự kết hợp màu sắc táo bạo, tương phản và có độ bão hòa cao. Sử dụng màu huỳnh quang, các màu liền kề không hài hòa và các dải màu chuyển sắc mạnh. Ví dụ, kết hợp màu hồng tươi (#FF00FF) với màu xanh lá chanh (#00FF00), hoặc sử dụng hiệu ứng phá vỡ màu sắc theo phong cách nghệ thuật glitch. Hình nền có thể là các bức tranh ghép nhiều màu hoặc có các họa tiết nhiễu/lưới.

- **Hệ thống phông chữ**: Sự kết hợp của các phông chữ với kiểu dáng khác biệt, chẳng hạn như phông chữ serif đậm và phông chữ sans-serif hình học. Cho phép sự tương phản mạnh về kích thước phông chữ; tiêu đề có thể rất lớn, trong khi văn bản chính có thể rất nhỏ. Văn bản có thể được xoay, nghiêng, chồng lên nhau và thậm chí được sử dụng một phần như các yếu tố đồ họa trang trí thuần túy.

- **Thiết kế tương tác**: Các hiệu ứng tương tác phóng đại và bất ngờ. Di chuột có thể gây ra hiệu ứng lỗi, đảo ngược màu sắc hoặc dịch chuyển phần tử. Cuộn trang có thể giật hoặc có hiệu ứng thị sai mạnh. Các liên kết điều hướng có thể hiển thị hoạt ảnh bất ngờ khi nhấp chuột.

**Thiết kế đáp ứng:** Duy trì phong cách hậu hiện đại, "phân mảnh" trên các thiết bị khác nhau, đồng thời đảm bảo thông tin cốt lõi vẫn dễ đọc. Phiên bản dành cho thiết bị di động có thể đơn giản hóa một số hiệu ứng, nhưng tính nhất quán về phong cách vẫn phải được duy trì.

- **Tham chiếu**: Nhập các tham chiếu Tài liệu/Ghi chú từ "thông tin cá nhân được tối ưu hóa" được tạo ở Bước 3 và URL của ảnh cá nhân của bạn.

- Sau khi tạo xong trang web, hãy kiểm tra các điểm chất lượng sau:

- Liệu tất cả thông tin cá nhân đã được trình bày đầy đủ và chính xác (ngay cả khi bố cục lộn xộn)?

Phong cách hình ảnh có đáp ứng được các yêu cầu của "hậu hiện đại" không? Nó có táo bạo và gây ấn tượng không?

- Liệu thông tin trong mỗi mô-đun có thể được tìm thấy và hiểu được không?

- Các hiệu ứng tương tác có hoạt động như mong đợi không, ngay cả khi chúng "không như mong đợi"?

- Nếu trang web được tạo ra không đáp ứng được kỳ vọng, hãy ghi lại các vấn đề cụ thể và sử dụng tham số `webpage_id` của hàm `generateWebpage` để tối ưu hóa lặp đi lặp lại.

**Tiêu chuẩn chất lượng**:

- Trang web bao gồm tất cả các module cần thiết (Giới thiệu, Về chúng tôi, Kinh nghiệm, Học vấn, Kỹ năng, Liên hệ), nhưng định dạng không bị giới hạn.

- Thiết kế hình ảnh táo bạo và phù hợp với trường phái hậu hiện đại, sở hữu cá tính mạnh mẽ và sức hấp dẫn khó quên.

- Tất cả thông tin cá nhân đều chính xác và phù hợp với nội dung đã được tối ưu hóa.

- Thông tin cốt lõi của trang web dễ đọc trên cả máy tính để bàn và thiết bị di động, và phong cách trình bày nhất quán.

- Ấn tượng tổng thể là "táo bạo, tiên phong và đầy sáng tạo", điều này giúp họ nổi bật giữa vô số hồ sơ xin việc khác.

## Phong cách và cách trình bày

### Phong cách hình ảnh của trang web (Tiêu chuẩn cốt lõi)

**Thẩm mỹ thiết kế:** Chủ nghĩa hậu hiện đại. Cốt lõi của nó là "nổi loạn và phá vỡ chủ nghĩa hiện đại". Nó bao hàm sự hỗn loạn, mâu thuẫn, mỉa mai và tinh thần vui tươi. Thiết kế nên sống động, đa dạng và thậm chí hơi khiêu khích. Nó kết hợp nghệ thuật cao cấp với văn hóa đại chúng, phá vỡ các quy tắc truyền thống về "thiết kế tốt".

**Phối màu**:

- **Nguyên tắc cốt lõi:** Sự táo bạo, xung đột và độ bão hòa cao. Từ chối sự hài hòa và theo đuổi sự căng thẳng thị giác.

- **Phối màu**: Sử dụng màu huỳnh quang, màu neon và các màu liền kề không hài hòa. Ví dụ: kim tuyến (#FF00FF) + vàng tươi (#FFFF00) + xanh lam (#00FFFF).

- **Nền:** Tránh màu trắng tinh. Sử dụng nền có nhiễu, đường kẻ ô, họa tiết hình học hoặc các khối nhiều màu. Bạn cũng có thể thử nền chuyển màu mạnh.

- **Màu phụ**: Không có khái niệm chính xác nào về màu phụ; bất kỳ màu nào cũng có thể trở thành màu chính. Bạn có thể cố ý sử dụng các sự kết hợp màu "xấu" để tạo hiệu ứng mỉa mai.

**Hệ thống phông chữ**:

**Nguyên tắc cốt lõi:** Chống lại sự đồng nhất và đơn điệu. Sự pha trộn, xung đột và tương phản là chìa khóa.

- **Phối hợp nhiều kiểu chữ**: Sử dụng nhiều kiểu chữ khác nhau trên cùng một trang, chẳng hạn như kết hợp các kiểu chữ serif cổ điển (như Times New Roman) với các kiểu chữ sans-serif đậm (như Arial Black) hoặc chữ viết tay.

- **Độ tương phản kích thước**: Cực đoan. Tiêu đề có thể rất lớn, chiếm gần nửa màn hình, trong khi văn bản chính lại rất nhỏ, khiến người đọc phải cố gắng mới đọc được (đây là một lựa chọn thiết kế).

- **Xử lý văn bản**: Coi văn bản như hình ảnh. Xoay, làm lệch, căn chỉnh theo chiều dọc, lật ngược và chồng lên nhau. Văn bản có thể được sắp xếp dọc theo các đường dẫn hoặc tách thành các chữ cái riêng lẻ rải rác trên trang.

**Nguyên tắc bố cục**:

- **Phá vỡ lưới:** Hoàn toàn từ bỏ hệ thống lưới truyền thống. Các yếu tố được sắp xếp theo bố cục bất đối xứng, dường như ngẫu nhiên.

- **Ghép ảnh và chồng lớp**: Bằng cách sử dụng rộng rãi các lớp và trục Z, hình ảnh, văn bản và khối màu được chồng lên nhau để tạo hiệu ứng ghép ảnh.

- **Phân mảnh**: Chia một yếu tố thiết kế hoàn chỉnh (như hình ảnh hoặc khối văn bản) thành nhiều phần và phân tán chúng ở nhiều vị trí khác nhau.

- **Khoảng trắng**: Khoảng trắng không đều và năng động, nơi chính khoảng trắng trở thành một hình dạng và yếu tố thiết kế, chứ không chỉ đơn thuần là "khoảng trống để thở".

**Chi tiết tương tác**:

- **Hiệu ứng rê chuột**: Phóng đại và phá cách. Khi di chuột qua một phần tử, nó có thể thay đổi đột ngột, đảo ngược màu sắc, hiển thị hiệu ứng lỗi hoặc phát một ảnh GIF bất ngờ.

- **Hiệu ứng cuộn**: Hiệu ứng cuộn thị sai mạnh mẽ, với các lớp khác nhau di chuyển ở tốc độ khác nhau, tạo cảm giác chiều sâu và hiệu ứng ảo giác.

- **Hoạt ảnh**: Hoạt ảnh đột ngột, không tuyến tính. Các yếu tố có thể xuất hiện từ những hướng không ngờ tới hoặc tải theo cách "không chính xác".

- **Con trỏ**: Bạn có thể sử dụng con trỏ tùy chỉnh, con trỏ lớn hoặc con trỏ thay đổi liên tục để tăng thêm tính tương tác thú vị.

**Thông số kỹ thuật thiết kế mô-đun**:

1. **Phần giới thiệu** (Màn hình đầu tiên):

- Sử dụng phong cách cắt dán để kết hợp các bức ảnh cá nhân (có thể được lọc hoặc xử lý hiệu ứng lỗi), chữ cái đầu tên cỡ lớn, văn bản mô tả công việc xoay vòng và các hình dạng hình học.

- Phông nền có thể là nhiễu động hoặc các khối màu thay đổi nhanh chóng.

2. **Giới thiệu về tôi**:

Văn bản được chia thành nhiều khối nhỏ, sử dụng các phông chữ và kích cỡ khác nhau, rải rác trên một khu vực của trang. Một số đoạn văn bản có thể hòa lẫn vào nền, đòi hỏi người dùng phải tìm kiếm kỹ lưỡng.

3. **Kinh nghiệm** (Kinh nghiệm làm việc):

Mỗi trải nghiệm được thể hiện bằng một "thẻ" có hình dạng bất thường, màu sắc tươi sáng, xếp chồng lên nhau theo kiểu nghiêng và chồng chéo. Khi di chuột qua thẻ, nó sẽ "nổi" lên trên và hiển thị thông tin chi tiết.

4. **Học vấn** (Trình độ học vấn):

Thông tin có thể được tích hợp vào các đường viền trang trí trên trang hoặc được sử dụng như một phần của họa tiết nền với cỡ chữ rất nhỏ.

5. **Kỹ năng**

- Một đám mây từ hỗn loạn, năng động, trong đó các từ chỉ kỹ năng có kích thước, phông chữ và màu sắc khác nhau. Các từ có thể phóng to hoặc rung lắc khi di chuột qua chúng.

6. **Thông tin liên hệ:**

- Sử dụng các biểu tượng có kích thước lớn hoặc bị vỡ pixel và đặt chúng ở cạnh hoặc góc của trang. Các liên kết có thể được ẩn sau các yếu tố đồ họa bất ngờ.

**Thiết kế tương thích đa thiết bị**:

- **Cốt lõi**: Duy trì "sự hỗn loạn có trật tự" trên các thiết bị khác nhau.

- **Phiên bản dành cho máy tính để bàn** (>1200px): Hiển thị đầy đủ bố cục phức tạp với các cột chồng chéo và nhiều cột.

- **Bảng phẳng** (768-1200px): Giảm sự chồng chéo giữa các phần tử trong khi vẫn duy trì tính bất đối xứng và cảm giác phân mảnh.

- **Phiên bản di động** (<768px): Được chuyển đổi sang bố cục một cột, nhưng vẫn duy trì phong cách hậu hiện đại thông qua sự tương phản kích thước phông chữ phóng đại, các khối màu đậm và cuộn không tuyến tính.

###

### Bước 5: Kiểm tra chất lượng và giao hàng

**Mục tiêu:** Tiến hành kiểm tra chất lượng toàn diện trang web đã tạo để đảm bảo thông tin chính xác, thiết kế trang nhã, trải nghiệm người dùng mượt mà và cung cấp hướng dẫn sử dụng.

**hoạt động**:

- Tiến hành kiểm tra chất lượng từng mặt hàng:

- **Độ chính xác thông tin**: Chúng tôi đã kiểm tra kỹ lưỡng từng tên, thông tin liên hệ, kinh nghiệm làm việc, trình độ học vấn và kỹ năng trên trang web để đảm bảo tính nhất quán với thông tin gốc.

- **Tính nhất quán về hình ảnh**: Kiểm tra tính nhất quán về phông chữ, màu sắc, khoảng cách và căn chỉnh; tìm kiếm bất kỳ lỗi hình ảnh nào.

- **Độ mượt tương tác:** Kiểm tra xem các hiệu ứng chuyển đổi điều hướng, hiệu ứng cuộn và hoạt ảnh khi di chuột có hoạt động chính xác hay không.

- **Khả năng thích ứng:** Mô phỏng các kích thước thiết bị khác nhau để kiểm tra xem bố cục có hợp lý hay không.

- **Khả năng đọc hiểu:** Đảm bảo kích thước chữ phù hợp, độ tương phản đủ và cấu trúc thông tin rõ ràng.

- Tạo "Hướng dẫn sử dụng trang web" bao gồm:

- Liên kết truy cập trang web (URL trang web được tạo bởi YouMind)

- Cách chia sẻ trang web của bạn (sao chép liên kết, tạo mã QR, v.v.)

- Cách điều chỉnh nội dung nhanh chóng theo các vị trí công việc khác nhau (ví dụ: sửa đổi vị trí mục tiêu, cập nhật kinh nghiệm làm việc, v.v.)

- Các đề xuất để tối ưu hóa trong tương lai (chẳng hạn như cập nhật nội dung thường xuyên, bổ sung ví dụ dự án, v.v.)

Cho người dùng xem trang web cuối cùng và hỏi xem họ có cần điều chỉnh gì không.

- Nếu người dùng đề xuất sửa đổi, hãy ghi lại và sử dụng `generateWebpage` để tối ưu hóa lặp đi lặp lại.

**Tiêu chuẩn chất lượng**:

- Tất cả thông tin đều chính xác 100%, không có lỗi chính tả hoặc lỗi định dạng.

- Trang web đã vượt qua kiểm tra trên ít nhất hai thiết bị (máy tính để bàn + thiết bị di động).

- Cung cấp hướng dẫn sử dụng rõ ràng, cho phép người dùng tự chia sẻ và duy trì trang web.

- Người dùng hài lòng với kết quả cuối cùng, hoặc đã hoàn tất quá trình tối ưu hóa dựa trên phản hồi.