单文件网页生成要求提示词

该提示词用于指导AI生成单文件结构的网页，要求HTML、CSS、JS写在一起或清晰分块，避免依赖外部框架，并用特定ID隔离CSS作用域以免影响现有页面，同时适配PC与手机端，适合定制化落地页开发。

中文版提示词

请按要求生成网页：
1. 单文件结构：将 HTML、CSS 和 JavaScript（如果有）写在一起或清晰分块，不要依赖外部框架（如 Tailwind 或 Bootstrap，除非通过 CDN 引入），最好纯手写（Vanilla CSS）。
2. CSS 作用域隔离：给最外层加一个特有的 ID 或 Class（例如 <div id="saas-custom-homepage">），所有 CSS 都包裹在这个父级下（例如 #saas-custom-homepage .card { ... }），防止影响现有页面元素。
3. 响应式要求：代码适配 PC 和手机端。

英文版提示词

Please generate a webpage with the following requirements:
1. Single-file structure: write HTML, CSS, and JavaScript (if any) together or in clearly separated blocks; do not rely on external frameworks (such as Tailwind or Bootstrap, unless loaded via CDN); hand-written vanilla CSS is preferred.
2. CSS scope isolation: give the outermost element a unique ID or class (e.g., <div id="saas-custom-homepage">) and wrap all CSS under this parent (e.g., #saas-custom-homepage .card { ... }) to avoid affecting existing page elements.
3. Responsive requirements: the code must adapt to both PC and mobile.

🛠️ **适用 AI 工具**：Claude、ChatGPT、Cursor、Copilot、DeepSeek、Gemini