AI网站开发提示词HTML代码生成与优化｜JS/CSS样式生成｜GEO优化【3737期】

使用建议

• 每个提示词已明确输出格式要求（完整HTML/CSS/JS，自包含）。

• 可调整颜色、尺寸、示例数据等细节以满足具体项目。

• 对于复杂图表（提示词2），请确保对话环境能访问Chart.js CDN，或要求AI使用内置Canvas绘制简化版。

• 这些提示词覆盖了当前前端开发中用户最常向AI求助的典型任务，可直接用于 ChatGPT、Claude、DeepSeek 等代码生成对话。

内容目录

• HTML代码生成与优化

• HTML代码生成

• HTML代码优化

• CSS样式生成

• CSS样式优化

• JS代码生成

• JS代码优化

• SEO标签生成

• 专项GEO优化（被AI引用）

• 网站GEO+SEO综合优化

• 完整静态页面生成（落地页/营销页）

• 交互式数据仪表盘（图表 + 实时数据）

• 高级CSS动画与视觉效果（产品展示页）

• 响应式导航 + 深色/浅色主题切换

• 表单验证 + 实时反馈UI（注册/登录页）

• 图片画廊 + 懒加载与Lightbox弹窗

• 可拖拽排序的列表（看板/任务管理）

• 计时器/番茄钟（Pomodoro） + 通知

• 文本生成/复制工具（AI风格文本助手）

• 全功能滚动触发动画（AOS风格）