## Core Task

### Task Background

In the modern job-seeking landscape, customized personal profile websites for different positions can significantly enhance a job seeker's professional image and competitiveness. Traditional resumes often lack focus and fail to fully demonstrate the match between the job seeker and the target position. This skill aims to leverage AI capabilities to automatically analyze job requirements, optimize personal information presentation, and generate high-quality personal job search websites.

### Specific Goals

1. Collect complete basic personal information of job seekers (basic information, educational background, work experience, skills list, personal photo).

2. Conduct in-depth analysis of the target job's industry profile, skill requirements, and preference characteristics, gaining insights across at least 5-8 key dimensions.

3. Intelligently match personal resumes with job requirements, generating at least 3-5 targeted optimization suggestions.

4. Generate a visually appealing, clearly structured, and cross-industry-compatible interactive personal website.

5. Ensure website content is traceable; all optimization suggestions are based on real job analysis data.

### Key Constraints

Personal information must be true and complete, and cannot be fabricated or exaggerated.

Job analysis must be based on real internet search results, referencing at least three sources.

- The website design style must meet the standards of "universal aesthetics, elegant minimalism, and professional and memorable impression".

- The final website needs to display all key information completely within a single page and support responsive layout.

### Step 1: Collect and structure personal resume information

**Objective:** To obtain all necessary information about job seekers and organize it into structured data to prepare for subsequent analysis and website generation.

**action**:

- Requires users to upload personal information, or:

- Guide users to provide or edit the following required information in YouMind:

- **Basic Information**: Name, age, contact information (email, phone number, LinkedIn/GitHub, etc.)

- **Personal Photo:** Please upload a professional-looking personal photo (JPG/PNG format preferred).

- **Educational Background**: School name, major, degree, duration of study, core courses or honors (if any)

- **Work Experience**: Company name, position, length of employment, main responsibilities and achievements (3-5 paragraphs recommended)

- **Skills List**: Professional skills, proficiency with tools/platforms, language skills, soft skills, etc.

- **Other highlights** (optional): Project experience, awards, publications, volunteer experience, etc.

- Organize the collected information into a clear, structured format (Markdown or tables are recommended).

- Check information completeness: Confirm that all required fields are filled in, and that the photo has been uploaded and is in the correct format.

- Save the organized personal information as a Material or Note in YouMind for easy reference later.

**Quality Standards**:

- All required fields (name, age, contact information, education, occupation, skills, photo) are 100% complete.

- Describe your work experience and educational background in detail and quantitatively (e.g., "Responsible for the XX project, improved YY's performance indicator by 30%)"

- Clear, professional personal photos with a simple background.

### Document Language Style

**Tone**: Be professional, direct, and organized; avoid being too colloquial or academic.

**Statement**: Use active voice and sentences beginning with verbs (such as "responsible for XX", "leading XX", "achieving XX") to highlight actions and results.

**Data:** Quantify results as much as possible (e.g., "Increase conversion rate by 30%", "Manage a budget of $500,000", "Lead a team of 10 people").

**Keywords:** Naturally incorporate high-frequency keywords from the job analysis into your work experience and skills descriptions, but avoid forced or artificial keyword stuffing.

### Step 2: Analyze the industry profile and requirements of the target position

**Objective:** Through comprehensive online searches, gain a deep understanding of the typical profile, core skill requirements, industry preferences, and implicit expectations of target positions, providing data support for resume optimization.

**action**:

- Obtain the target job title entered by the user (e.g., "Overseas Growth Manager of an AI Company", "Product Operations Expert", etc.)

- Use the `googleSearch` tool to perform a multi-dimensional search, including at least the following queries:

- "[Target Position] Job Description and Requirements"

- "[Target Position] skills and qualifications"

- "[Target Position] Interview Questions" (Interview questions that reflect the employer's focus)

- "[Target Position] Career Path" (Career path, understanding industry background)

- For specific industries (such as AI, SaaS), include industry keywords in your search.

- Extract and summarize the following key information from the search results:

- **Hard Skills Requirements**: Essential professional skills, tools, platforms, and technology stack (list 5-8 frequently used skills)

- **Soft Skills Preferences**: Communication skills, leadership, cross-cultural collaboration, etc. (List 3-5 items)

- **Education and Experience**: Educational background requirements, years of work experience, and industry preferences.

- **Job Responsibilities**: The core work typically undertaken by this position (3-5 items)

- **Industry Trends**: This role is in high demand or has emerging requirements in the current market (such as AI tool usage, data-driven decision-making, etc.).

- **Company Culture Preferences:** If possible, record the cultural characteristics of the target industry/company type (such as entrepreneurial spirit, results-oriented approach, etc.).

- Compile the analysis results into a structured report, with links to the original sources for each dimension (at least 3 different sources).

- Generate a "Target Job Profile Summary" (200-300 words) summarizing the core characteristics of the job.

**Quality Standards**:

- Obtain information from at least 3 different authoritative sources (such as LinkedIn, Glassdoor, industry reports, and job websites).

- The hard skills list should contain at least 5 items, and the soft skills list should contain at least 3 items.

- Each key finding is accompanied by its original link to ensure traceability.

- The job description summary is clear and specific, avoiding vague generalities.

# Target Job Analysis Report

## Target Position

[Job title, such as "Overseas Growth Manager at an AI Company"]

## Job Profile Summary

[A 200-300 word summary describing the core characteristics, main responsibilities, and industry background of this position]

## Hard Skill Requirements

1. [Skill 1] - Source: [link]

2. [Skill 2] - Source: [link]

3. [Skill 3] - Source: [link]

...

## Soft Skills Preference

1. [Skill 1] - Source: [link]

2. [Skill 2] - Source: [link]

...

## Typical Responsibilities

1. [Responsibility 1]

2. [Responsibility 2]

...

## Education and Experience Requirements

- Education: [Required]

- Years of work experience: [Required]

- Industry Background: [Preference]

## Industry Trends and Emerging Requirements

[Describe the latest trends for this role, such as the use of AI tools and data-driven approaches.]

## References

1. [Source 1 Title] - [Link]

2. [Source 2 Title] - [Link]

3. [Source 3 Title] - [Link]

### Step 3: Intelligently optimize personal resumes to match job requirements

**Objective:** To deeply match personal information with job requirements, identify strengths and gaps, and generate targeted content optimization suggestions to make resumes more tailored.

**action**:

- Compare the personal information from Step 1 with the job profile from Step 2, and perform a point-by-point matching analysis:

- **Skills Match:** Which skills in your personal skill set overlap with the job requirements? Which are missing?

- **Experience Relevance**: Which aspects of your work experience are highly relevant to your job responsibilities? How can you rephrase these points to highlight their relevance?

- **Keyword Alignment:** Do high-frequency keywords from the job description (such as "growth hacking," "data-driven," and "cross-border operations") appear in your personal profile?

- **Demonstration of Soft Skills:** Are there specific examples in your personal experience that demonstrate the soft skills (such as leadership, communication skills) required for the position?

- Generate 3-5 specific optimization suggestions, each suggestion including:

- **Optimization points:** Specific details that need adjustment (e.g., "examples of adding data analysis skills to work experience").

- **Reasons for Optimization:** Why this adjustment was made (e.g., "The target position requires 'data-driven decision-making,' but the current description lacks quantitative data").

- **Optimization Example**: Provide specific rewriting suggestions or supplementary content.

- Identify 2-3 "differentiating strengths" of an individual (i.e. traits or experiences that the individual possesses but are not explicitly mentioned in the job description, but which may be a plus).

- If you identify a significant skills or experience gap, point it out honestly and suggest how to present it on the website as a "learning motivation" or "relevant experience transfer" indicator.

- Based on the optimization suggestions, an "optimized personal information" version is generated, retaining the authenticity of the original information but adjusting the wording and content order to highlight the relevance.

**Quality Standards**:

- Provide at least 3 specific, actionable optimization suggestions.

- Each suggestion includes a clear "before optimization - after optimization" comparison or a specific example.

- The optimized content must be based on true information and must not be fabricated or exaggerated.

- Identify at least two differentiating advantages

# Resume Optimization Suggestions

## Matching Analysis

- **Skill Matching**: [Matched Skills] / [Missing Skills]

- **Experience Relevance**: [Highly relevant experience] / [Areas needing improvement]

- **Keyword Alignment**: [Included Keywords] / [Keywords to be Added]

## Optimization Suggestions

### Suggestion 1: [Optimization Points]

- **Reason:** [Why optimization is needed]

- **Before optimization**: [Original wording]

- **Optimized**: [Improved wording]

### Suggestion 2: [Optimization Points]

...

## Differentiation Advantage

1. [Advantage 1]: [Detailed Description]

2. [Advantage 2]: [Detailed Description]

## Optimized Personal Information

[Complete optimized personal information, formatted the same as "Structured Personal Information Document"]

### Document Language Style

**Tone**: Be professional, direct, and organized; avoid being too colloquial or academic.

**Statement**: Use active voice and sentences beginning with verbs (such as "responsible for XX", "leading XX", "achieving XX") to highlight actions and results.

**Data:** Quantify results as much as possible (e.g., "Increase conversion rate by 30%", "Manage a budget of $500,000", "Lead a team of 10 people").

**Keywords:** Naturally integrate high-frequency keywords from the job analysis into your work experience and skills descriptions, but avoid forced or artificial keyword stuffing.

### Step 4: Generate a postmodern-style personal job search website

**Objective:** Using YouMind's `generateWebpage` tool, create a postmodern, visually striking, and unconventional single-page personal job search website that fully presents your optimized personal information.

**action**:

- Invoke the `generateWebpage` tool, passing in the following commands and parameters:

- **Instruction**: "Create a single-page personal job search website that displays the job seeker's complete resume information. The website must meet the following requirements:"

- **Design Style:** Postmodernism. Emphasis is placed on breaking rules, mixing styles, deconstructionism, irony, collage, asymmetry, bold colors, and a clash of aesthetics. The goal is to create a visually memorable, distinctive, and challenging website, avoiding any conservative or generic design.

- **Layout Structure**: Break away from the fragmented, asymmetrical layout of conventional grids. Elements can overlap and rotate to create depth and a sense of chaos. Module order can be shuffled or presented in a non-linear manner. Z-axis hierarchy is encouraged. Includes the following modules, but the presentation can be unconventional:

1. **Hero Section** (First Screen): A visually impactful opening, which can use effects such as collage, overlapping text and images, and glitch art.

2. **About Me**: This text can be split across different areas of the page or formatted using a mix of fonts.

3. **Experience**: Abandon the traditional timeline and use cards of varying sizes, irregular shapes, or parallax scrolling to display each experience.

4. **Education**: As a decorative or structural element in the overall layout, rather than an independent, structured module.

5. **Skills:** Use chaotic tag clouds, text as graphic elements for scattering, or visualize in unconventional ways.

6. **Contact**: Icons and links can be made huge or tiny and placed in unexpected corners of the page.

- **Color Scheme**: Bold, contrasting, and highly saturated color combinations. Use fluorescent colors, discordant adjacent colors, and strong gradients. For example, combine bright pink (#FF00FF) with lime green (#00FF00), or use a glitch art-style color-breaking effect. Backgrounds can be multi-colored collages or have noise/grid patterns.

- **Font System**: A mix of fonts with distinct styles, such as bold serif and geometric sans-serif fonts. Extreme font size contrasts are allowed; headings can be enormous, while body text can be very small. Text can be rotated, slanted, overlapped, and even partially used as purely decorative graphic elements.

- **Interaction Design**: Exaggerated and unexpected interactive effects. Mouse hover can trigger glitch effects, color inversion, or element displacement. Scrolling can be jump-like or have a strong parallax effect. Navigation links may display unexpected animations when clicked.

**Responsive Design:** Maintain a postmodern, "fragmented" feel across different devices, while ensuring core information remains readable. Mobile versions can simplify certain effects, but stylistic consistency must still be maintained.

- **references**: Pass in the Material/Note references from the "optimized personal information" generated in Step 3, and the URL of your personal photo.

- After generating the website, check the following quality points:

- Are all personal information presented completely and accurately (even if the layout is messy)?

Does the visual style meet the requirements of "postmodernism"? Is it bold and impactful?

- Can the information in each module be found and understood?

- Do the interactive effects work as expected, even if they are "unexpected"?

- If the generated website does not meet expectations, record the specific issues and use the `webpage_id` parameter of `generateWebpage` for iterative optimization.

**Quality Standards**:

- The website contains all the necessary modules (Hero, About, Experience, Education, Skills, Contact), but the format is not limited.

- The visual design is bold and in line with postmodernism, possessing a strong personality and memorable appeal.

- All personal information is accurate and consistent with the optimized content.

- The website's core information is readable on both desktop and mobile devices, and the style is consistent.

- The overall impression is "bold, avant-garde, and full of creativity," which helps them stand out from numerous resumes.

## Style and Presentation

### Website Visual Style (Core Standard)

**Design Aesthetics:** Postmodernism. Its core is "rebellion against and deconstruction of modernism." It embraces chaos, contradiction, irony, and a playful spirit. Design should be vibrant, eclectic, and even slightly provocative. It blends high art with popular culture, breaking the traditional rules of "good design."

**Color Scheme**:

- **Core Principles:** Boldness, conflict, and high saturation. Reject harmony and pursue visual tension.

- **Color Combinations**: Use fluorescent colors, neon colors, and discordant adjacent colors. For example: glitter (#FF00FF) + bright yellow (#FFFF00) + cyan (#00FFFF).

- **Background:** Avoid pure white. Use backgrounds with noise, grid lines, geometric patterns, or multi-colored blocks. You can also try strong gradient backgrounds.

- **Secondary Colors**: There is no strict concept of secondary colors; any color can become the main color. You can intentionally use "ugly" color combinations to create an ironic effect.

**Font System**:

**Core Principle:** Oppose uniformity and singularity. Mixture, conflict, and contrast are key.

- **Mixed Fonts**: Using multiple fonts with different styles on a single page, such as juxtaposing classic serif fonts (like Times New Roman) with bold sans-serif fonts (like Arial Black) or handwritten fonts.

- **Size Contrast**: Extremes. Headlines can be so huge they take up half the screen, while body text can be so small it requires effort to read (as a design choice).

- **Text Processing**: Treat text as graphics. Rotate, skew, align vertically, mirror, and overlap. Text can be arranged along paths or broken into individual letters scattered across the page.

**Layout Principles**:

- **Break the Grid:** Completely abandon the traditional grid system. Elements are arranged in an asymmetrical, seemingly random layout.

- **Collage and Overlap**: By making extensive use of layers and the Z-axis, images, text, and color blocks are overlapped to create a collage effect.

- **Fragmentation**: Breaking a complete design element (such as an image or text block) into multiple parts and scattering them in various places.

- **White space**: Irregular and dynamic white space, where white space itself becomes a shape and design element, rather than just "breathing space".

**Interaction Details**:

- **Hover Effects**: Exaggerated and subversive. When the mouse hovers over an element, it can drastically shift, invert colors, exhibit a glitch effect, or play an unexpected GIF.

- **Scrolling**: Strong parallax scrolling, with different layers moving at different speeds, creating a sense of depth and a psychedelic effect.

- **Animations**: Abrupt, non-linear animations. Elements can fly in from unexpected directions or load in an "incorrect" way.

- **Cursor**: You can use custom, huge, or constantly changing cursors to increase the interactive fun.

**Module Design Specifications**:

1. **Hero Section** (First Screen):

- Use a collage style to mix personal photos (which can be filtered or glitch-effect processed), huge initials of names, rotating target job text, and geometric shapes together.

- The background may be dynamic noise or rapidly changing color blocks.

2. **About Me**:

The text is divided into multiple small blocks, using different fonts and sizes, scattered across an area of ​​the page. Some text may blend into the background, requiring the user to search carefully.

3. **Experience** (Work Experience):

Each experience is an irregularly shaped, brightly colored "card," stacked on top of each other in an overlapping and tilted manner. When the mouse hovers over the card, it "floats" to the top and displays detailed information.

4. **Education** (Educational Background):

Information can be integrated into decorative borders on the page, or used as part of a background texture in a very small font.

5. **Skills**

- A chaotic, dynamic word cloud where skill words vary in size, font, and color. Words may enlarge or jitter when the mouse hovers over them.

6. **Contact Information:**

- Use oversized or pixelated icons and place them on the edge or corner of the page. Links can be hidden behind unexpected graphic elements.

**Responsive Design**:

- **Core**: Maintain “orderly chaos” across different devices.

- **Desktop version** (>1200px): Fully displays complex layouts with overlapping and multiple columns.

- **Flat Panel** (768-1200px): Reduce element overlap while maintaining asymmetry and a fragmented feel.

- **Mobile** (<768px): Converted to a single-column layout, but maintains a postmodern style through exaggerated font size contrast, bold color blocks, and non-linear scrolling.

###

### Step 5: Quality Inspection and Delivery

**Objective:** To conduct a comprehensive quality check on the generated website to ensure accurate information, elegant design, smooth user experience, and to provide a user guide.

**action**:

- Conduct item-by-item quality checks:

- **Information Accuracy**: We meticulously verified each name, contact information, work experience, educational background, and skills on the website to ensure consistency with the original information.

- **Visual Consistency**: Check for consistency in font, color, spacing, and alignment; look for any visual flaws.

- **Interaction Smoothness:** Test whether navigation transitions, scrolling effects, and hover animations function correctly.

- **Responsive Adaptation:** Simulates different device sizes to check if the layout is reasonable.

- **Readability:** Ensure appropriate text size, sufficient contrast, and clear information hierarchy.

- Generate a "Website User Guide" containing:

- Website access link (Webpage URL generated by YouMind)

- How to share your website (copy the link, generate a QR code, etc.)

- How to quickly adjust content according to different job positions (such as modifying the target position, updating work experience, etc.)

- Suggestions for future optimization (such as regularly updating content, adding project examples, etc.)

Show the user the final website and ask if there are any adjustments needed.

- If users suggest modifications, record them and use `generateWebpage` for iterative optimization.

**Quality Standards**:

- All information is 100% accurate, with no typos or formatting errors.

- The website has passed testing on at least two devices (desktop + mobile).

- Provides clear user guidelines, allowing users to independently share and maintain the website.

- The user is satisfied with the final result, or has completed optimization based on feedback.