Back to Discover

🚀 Claude Web开发

Claude Web开发 description placeholder

Prompt

我需要创建一个{{ page_type }},请帮我生成美观且响应式的HTML+CSS代码。 ## 设计参考 我希望设计风格类似于以下参考: {{ design_style }} ## 技术要求 - 请使用HTML、TailwindCSS和少量必要的JavaScript - 引用Tailwind CSS(v3.0+)通过CDN - 页面需完全响应式,在移动设备和桌面端都能良好显示 ## 图片资源 - 请使用Unsplash API提供的图片作为内容图片 (https://source.unsplash.com/...) - 根据内容主题选择合适的关键词 ## 图标要求 - 使用Font Awesome或Material Icons等专业图标库 (通过CDN引用) - 避免使用emoji作为图标替代品 ## 交互细节 [描述任何需要的交互动画或效果,例如:] - 按钮悬停时有轻微放大效果 - 表单输入框聚焦时显示渐变边框 - 卡片在悬停时有阴影加深效果 ## 特别注意 - 确保代码干净且有适当注释 - 提供完整可运行的HTML文件,包含所有必要引用 - 优化视觉层次和间距,确保设计美观专业