使用建议
- 每个提示词已明确输出格式要求（完整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风格）
声明：温馨提示：本资源来源于互联网，仅供参考学习使用，若该资源侵犯了您的权益，请联系我们处理。
