返回列表

生成移动端短视频信息流原型代码

根据产品定位与页面清单,输出移动端信息流、详情页、个人页的HTML/CSS/JS原型代码与设计规范说明。

设计创作 · 产品原型移动端原型前端代码信息流响应式

完整提示词

请根据下方“输入材料”生成移动端产品原型代码。 输入材料: - 产品名称与定位: - 目标用户: - 核心页面清单: - 视觉偏好(主色、圆角、字体风格等): - 交互要求: 执行步骤: 1. 梳理页面清单与模块,先输出简短页面结构说明,供确认。 2. 按确认后的结构编写单文件HTML原型,内嵌CSS与原生JS,包含底部导航、信息流卡片、详情页与个人页。 3. 使用响应式布局适配移动端宽度,交互包含页面切换与点赞等基础操作。 4. 附设计规范说明(色彩、字号、间距)。 输出格式: 一、页面结构说明 二、完整HTML代码(含CSS与JS) 三、设计规范与使用说明 信息缺失处理:未提供的品牌色、图标或文案使用占位内容并标注“待替换”;不声称与任何第三方应用一致或可商用适配。

使用方法:复制后粘贴到 AI 工具,补充材料并核对输出。适用模型:通用中文模型(DeepSeek、豆包、Kimi等),尚未实测

用途与来源

适用人群:产品经理与前端开发人员

使用场景:短视频类App立项初期快速搭建可运行界面原型

输入要求:产品定位、目标用户、页面清单、视觉偏好与交互要求

输出要求:页面结构说明、可运行的HTML原型代码与设计规范

适配状态:通用提示词,尚未完成模型实测。难度:复杂

原始文件:yaojingang/yao-open-prompts/prompts/02-ai-work/douyin-style-product-prototype-generator.md

作者:姚金刚(Yao Open Prompts) · 许可:CC-BY-4.0 · 已经DeepSeek中文加工与编辑,保留原始内容快照。

版权与许可证原文
Creative Commons Attribution 4.0 International Public License

This repository uses CC BY 4.0 for prompt text.

Full license text: https://creativecommons.org/licenses/by/4.0/legalcode

You are free to share and adapt the material for any purpose, including commercially, under the following terms:

Attribution: You must give appropriate credit, provide a link to the license, and indicate if changes were made.

国内使用情况与网友核验

网友核验 用户经验分享

与站长实测独立,不代表官方认证或本站已实测。

我要核验
0 位参与者0 份有效分项记录

最近核验:暂无有效核验。参与人数按当前项目有效身份去重;不同核验项分别统计,不合并成用户总结果。仅统计审核通过且未过期的记录。

分项统计、有效期与样本量
核验项目有效人数成功 / 部分 / 失败 / 无法判断成功率最近核验 / 有效期
官方网站访问00 / 0 / 0 / 0样本不足暂无 / 7 天
GitHub 仓库访问00 / 0 / 0 / 0样本不足暂无 / 7 天
安装与运行00 / 0 / 0 / 0样本不足暂无 / 30 天
官方服务国内连接 / MCP 连接00 / 0 / 0 / 0样本不足暂无 / 30 天
国内网络情况00 / 0 / 0 / 0样本不足暂无 / 7 天
国内模型兼容性00 / 0 / 0 / 0样本不足暂无 / 30 天
自定义 API00 / 0 / 0 / 0样本不足暂无 / 30 天
海外服务依赖
00 / 0 / 0 / 0样本不足暂无 / 30 天
海外账号要求
00 / 0 / 0 / 0样本不足暂无 / 30 天
中文界面
00 / 0 / 0 / 0样本不足暂无 / 30 天
客户端兼容性00 / 0 / 0 / 0样本不足暂无 / 30 天
账号及费用信息
00 / 0 / 0 / 0样本不足暂无 / 30 天

成功率 = 成功 ÷(成功 + 部分成功 + 失败);无法判断不计入分母。至少 5 份可判断结果才显示成功率。账号、费用、海外依赖与语言等事实项,成功表示核查结论与资料吻合,具体观察另行统计;不表示免费或没有海外依赖。不同网络、客户端和版本的结果不能直接等同。

最近有效核验

暂无审核通过且未过期的网友核验。欢迎提交真实使用记录。

查看全部有效核验 →

关联内容

UI 设计师