一个提示词生成完整落地页
生成响应式、无障碍的落地页，包含定价、FAQ、注册表单和深色模式——只需一个 HTML 文件。
提示词
填写下面的字段来个性化提示词（可选）。
Build a complete, responsive one-page landing page for [product/business name], which [what it does]. Use a single index.html file with Tailwind CSS from the CDN and a little vanilla JavaScript. Sections: sticky header with logo and CTA, hero with headline, subheadline and [primary colour] button, 3 feature cards with icons, how-it-works in 3 steps, testimonials, pricing with 3 plans, FAQ accordion, email signup form, footer. Make it accessible (alt texts, labels, good contrast), mobile-first, with smooth scroll and a dark mode toggle. Use realistic placeholder copy for my audience: [audience].
复制并打开
获得最佳效果的技巧
- Claude Code and Codex can create the file directly in your project.
- Ask "now split it into components for React" if you use a framework.
- Paste your real texts later to replace the placeholders.
常见问题
Can I host it for free?
Yes — upload the single HTML file to Netlify, Vercel, GitHub Pages or Cloudflare Pages.