@felixhhaas 使用 Lovable完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
查看原始来源 ↗Prompt · 原文 / 翻译
Most companies have messy email signatures. So I built a tiny app for Lovable that fixes it 🔥 Everyone gets: → A consistent, on-brand signature → A live preview → One-click copy for Gmail, Superhuman, etc. Sharing the exact prompt below so you can build the same thing for your team 👇 Lovable prompt: "Build a minimal, professional email signature generator. 1/ Features: → Form inputs: Name, Title, Phone, Twitter/X → Live signature preview that updates while typing → Copy button that copies the signature as HTML for email clients → “How to import?” modal with steps for Gmail, macOS Mail, and iOS Mail → Light and dark mode toggle for the preview 2/ Design: → Clean, minimal layout with warm muted colors → Centered content with generous whitespace → Rounded inputs with clear (X) buttons → Subtle fade-up animation on load → Fully responsive on mobile 3/ Signature output: → Company logo at top linking to website → Name in bold → Title and company in muted gray → Phone and Twitter/X separated by a bullet if both exist → Pure HTML with inline styles for maximum email compatibility"
复用方法
可复用结构
把“目标结果 → 产品名称、目标用户、页面模块和主按钮 → 约束条件”抽成模板,后续可复用到同类任务。
复测标准
围绕 模块顺序、价值主张写法与 CTA 位置 做单变量对照,并记录模型、成本和失败结果;重复成立后再沉淀为 Skill。
建议模型
Derived Skill
Skill 只从多个已发布 Case 的重复模式中派生,不是另一套投稿内容。

创作者
felixhhaas 在X上持续输出 UI 工程化实践,《Lovable 邮件签名生成器》常搭 Lovable 出方案,方法都带可复现代码。
继续探索
@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Fable 5 and GPT-5.6 are powerful🥵🥵🥵 Here Is How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render al
@uxsweta 使用 AI UI Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
Few people asked for the prompt, so here it is 👇 PS: Tweak it based on your use case. Create a modern, minimal 3D Invoice Generator Machine component with a premium SaaS-style aesthetic. Visual Design - Design a wid
@shushant_l 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
Here's how to create your website in minimalist design style with AI. Use this prompt: Design a modern minimalist portfolio website for a digital creator and AI consultant. Use a clean black, white, and neutral color pa