corporate-website-dev

Corporate Website Dev

Use Cases

Use the current skill only when the user needsto start from scratchto build a brand-new corporate/product official website or brand site.

Requirements must cover the complete chain: research, project documentation, coding implementation, deployment testing, and include brand requirements such as multiple pages, UI style, and official colors.
When enabling this skill, you mustload simultaneously ui-ux-pro-max skill, and all UI design plans must follow the design ideas and process provided by the ui-ux-pro-max skill.
When enabling this skill, you mustload simultaneously bootstrap-helper skill, and the frontend implementation must adopt the Vite + Bootstrap combination; replacing the framework or style system is not allowed; if the user raises different technical requirements, you need to first confirm whether this skill still applies.

At minimum, the following information needs to be understood:
1. The industry in which the business operates (single choice: finance, education, healthcare, technology, gaming, film and television culture, news media, etc.)
2. Business background (free text).
3. Required pages (multiple choice, custom allowed, including but not limited to: homepage, about us, product showcase, customer cases, solutions, etc.).
4. Business focus (highlight core products, highlight service capabilities, highlight product demos, story-driven)
5. Light mode or dark mode.
6. UI features (multiple choice, including but not limited to: glassmorphism, flat design, skeuomorphism, pixel style, minimalist style, cyberpunk, etc.).
Questions should use the built-in questioning tool as much as possible.
Only after all required information is complete and unambiguous can you proceed to the next stage; otherwise, you need to continue asking questions for clarification.

Organize the research results into a project requirements document and write it to project.md in
The project requirements document needs to be reviewed and confirmed by the user, and iteratively updated when necessary; if the UI plan conflicts with the ui-ux-pro-max principles, it is necessary to return to the research stage and revise.

The frontend implementation must adopt the Vite + Bootstrap combination; replacing the framework or style system is not allowed; if the user raises different technical requirements, you need to first confirm whether this skill still applies.
According to the guidance of bootstrap-help , create the project and carry out development
All components and interaction plans need to be checked against the design patterns of ui-ux-pro-max (information density, whitespace, motion effects).

skills/ui-ux-pro-max(skill): must be loaded simultaneously, and UI design plans need to follow the design ideas and process therein.