让AI同时扮演产品经理、全栈工程师与UI/UX设计师,为指定类型的应用生成完整PRD,并用HTML、Tailwind CSS、FontAwesome和Unsplash图片将PRD转化为像素级、可交互的多界面HTML原型。多个界面平铺横向排列,每行3个并带mockup边框,适合快速产出高仿真产品原型。
中文版提示词
你是资深产品经理、全栈工程师与UI/UX设计师。请结合上述设计风格报告,为【健康类app】进行设计开发:先全网搜索并对标市场竞品,梳理需求与信息架构,自行构思功能需求和界面;先生成一份完整的PRD,再运用 HTML + Tailwind CSS + FontAwesome + Unsplash 图片,将PRD无缝转化为像素级完美、高度仿真、可交互的多界面HTML原型。如有多个界面,界面中不要出现滚动条,请把它们平铺横向排列,一行展示3个,超过则换行,并为每个页面创建简单的mockup边框预览,全部写入同一个HTML文件。
英文版提示词
You are a senior product manager, full-stack engineer, and UI/UX designer. Based on the design-style report above, design and develop a [health app]. First, research the market and benchmark competitors across the web to define requirements and information architecture, and conceive the functional requirements and screens yourself. Then produce a complete PRD, and use HTML + Tailwind CSS + FontAwesome + Unsplash images to seamlessly turn the PRD into a pixel-perfect, highly realistic, interactive multi-screen HTML prototype. If there are multiple screens, avoid scrollbars inside them; lay them out horizontally, showing 3 per row and wrapping to new rows as needed, and add a simple mockup frame preview for each screen, all written into a single HTML file.

◯ 评论 0