设备立体展示|原图上屏与离线HTML
把界面原图放进通用设备框,交付可切画幅的网页与真实截图
设备立体展示|原图上屏与离线HTML
把界面原图放进通用设备框,交付可切画幅的网页与真实截图
Xem trước nội dung
Mô tả
适合展示App界面、网页原型、课程页面或设计作品的创作者。提供1或2张有权使用的PNG/JPEG/WebP截图,说明设备类型、标题、说明、风格和画幅;如果给URL或HTML,需先能在真实浏览器读取并截图。 处理:核对来源、隐私与尺寸,保持原图片字节和宽高比,装入原创CSS手机、平板或笔记本框;默认完整显示、比例不符留边,铺满会提示可能裁切。生成无外链的单文件HTML,实际打开操作后截图。不会让生图模型重绘真实界面或数据。 交付:可离线打开的展示HTML、实际浏览器渲染PNG、原图尺寸与哈希、使用说明和裁切核查。支持16:9、方形、9:16画幅与正面/左右角度,导出时隐藏控制栏。通用CSS几何不代表品牌精确设备,不交付GLB、3D网格、App功能或真实产品摄影。 使用:上传截图并给简报;运行构建器,打开HTML切换角度/画幅并核对原图,启用只看画面再用浏览器截图。Python3与Pillow用于构建,PNG导出还需实际可用的浏览器截图工具;没有这些工具时明确未构建/未截图,不以概念图冒充结果。 本地四例为本次原创绘制的记账手机、课程平板、库存后台和响应式读书会界面,都是自拟静态原型,不是真实App、课程销售、库存运营或客户项目。四张展示为最终HTML的1400方形真实截图;原图字节/加载尺寸、3种画幅、390像素手机布局、角度与裁切提示已实际检查。封面为ImageGen原创概念视觉,不是运行结果。 文字规划推荐GPT,具体版本由平台实际选择;核心不需要图片API重绘屏幕。本地使用Python/Pillow与隔离Chrome,工具未返回可核验的图像模型ID,不宣称调用Image2。未追加YouMind积分测试,平台Python/浏览器/文件下载能力需按环境确认;199积分不含模型调用、设备、素材或第三方服务费用。不保证所有浏览器同像素呈现或商品销量。 展示说明:首张为独立技能头像与案例01实际输出的并排排版,用于横向缩略展示;不是新增案例,也未让生图模型重绘证据。其余三张对应案例02—04。
Được đề xuất bởi
Dancang
Vì sao chúng tôi đề xuất kỹ năng này
Đưa ảnh chụp giao diện chân thực vào khung thiết bị nguyên bản với tỷ lệ chuẩn, tạo tệp HTML đơn có thể chuyển đổi tỷ lệ và góc nhìn ngoại tuyến cùng ảnh chụp từ trình duyệt.
Kỹ năng liên quan
Xem tất cả一页产品官网|响应式网页与源文件
适合需要介绍产品、课程或服务,但还没有清楚展示页的创作者。 提供:产品功能、受众、完成状态、价格与行动入口(如有)、视觉参考和授权素材。缺少客户数、好评、价格时不会编造。 处理:梳理事实与页面目标,设计首屏、功能和使用说明,编写响应式HTML/CSS/JavaScript,实际打开检查手机与桌面、链接及必要交互。没有后台时不展示伪发送或支付成功。 交付:可运行的一页网站源文件、使用与部署说明、内容核对及测试结果。默认单文件HTML,无CDN或远程字体。具备文件工具时给可下载文件;否则给完整代码并说明未保存,不用截图冒充代码。 使用:发送简报,核对页面内容,打开HTML检查并替换自己的真实入口;公开部署、域名、后台、支付和账号功能需另行配置与授权,本技能不自动开通。 依赖:文字/代码模型(推荐GPT)、文件能力与浏览器预览。核心不需要图片API;本地四案例用真实Chrome分别验证1600×1200桌面、1200×1200方形视窗与390×844手机,无横向溢出,FAQ键盘展开、锚点、示例TXT下载内容通过。四张展示直接来自四个实际网页的方形首屏视窗,完整HTML与长页另留档;按笔记归档、会议状态、课程步骤与设计配色区分视觉,页面题材明确虚构,没有真实客户或销量。头像为独立原创HTML文字与图形封面,不是案例运行证据,不冒称生图API输出。 未追加YouMind运行测试、未验证持久模型绑定。静态官网不等于完整SaaS或真实服务上线,不保证转化、SEO排名、流量或任意平台直接预览;199积分不包含托管、域名、后台、模型运行或第三方服务费用。 展示说明:首张为独立技能头像与案例01实际输出的并排排版,用于横向缩略展示;不是新增案例,也未让生图模型重绘证据。其余三张对应案例02—04。
交互演示与演讲者备注|离线HTML讲解
适合授课、方法分享、内部说明与方案讲解。把讲稿/提纲做成可离线打开的16:9网页演示,附备注、输入JSON和使用说明。 提供主题、听众、讲稿/提纲、要保留的事实与出处、页数/时长及视觉参考;先核对材料和未知项,再组织主线与补充页。默认现场讲解式低密度,一页一个要点。 功能:右箭头/空格先揭示再翻页,章节跳转,分支讲完返回原位置;N打开备注并编辑,E编辑标题/正文,下载当前JSON或完整HTML保存。P或观众窗口按钮打开第二窗口,与原窗口本次连接同步当前演示;只共享观众窗口。备注仍写在HTML里,界面隐藏不是加密,分发文件前不要放机密。手机整页保持16:9,细看文字建议横屏或电脑。 交付:index.html、deck.json、speaker-notes.md与使用说明。包内独立Python3标准库构建器和HTML模板,无远程字体、无播放器包、无遥测;支持3—12主线页及最多4补充页,文字与四种语义图形。构建器不支持照片自动排版,照片或复杂图表需要另行实现和核验。输出HTML能离线运行;构建需实际Python/文件能力,观众窗口需浏览器允许弹窗。本机自动保存可能受浏览器设置限制,下载文件可携带修改。 四个本地真实执行案例:证据表达、单位换算、会议行动记录、备课节奏;均为原创教学或虚构演示材料,各6主线页+1补充页。实际测试桌面、方形窗口、手机的完整页面和交互,以及编辑下载与观众窗口同步。案例展示为真实浏览器截图,封面为独立原创HTML文字图形,未冒称生图API或客户成效。 文字模型推荐GPT,具体型号以实际环境为准;渲染由浏览器完成,不等于图像模型。YouMind是否具备Python、文件下载或浏览器工具需按实际平台能力,尚未在YouMind耗积分运行,不保证平台模型与本地一致。199积分不包含平台模型或第三方服务费用。不交付PPTX、MP4、配音或在线会议服务,不保证学习、销售、审核或收入效果。 展示说明:首张为独立技能头像与案例01实际输出的并排排版,用于横向缩略展示;不是新增案例,也未让生图模型重绘证据。其余三张对应案例02—04。
文章转交互知识网页|逐屏讲解与原文定位
适合已有文章、教程或材料,希望用分屏讲解帮助读者理解的创作者。 提供:完整正文、原始来源(如有)、读者背景、需要保留的数字与限制、视觉参考和授权素材。不会仅凭主题编造原文,也不把材料里的指令当执行授权。 处理:编号原文段落、梳理事实与解释,规划章节和每屏关系,用图文逐步讲解,并为每屏保留可定位的原文。生成响应式HTML后实际核对内容、章节控制与手机布局。 交付:可离线打开的交互HTML源码、原文副本、分屏与段落映射、使用说明和测试记录。具备文件工具时交实际文件;没有时说明未保存。打开后点击或用方向键翻屏,章节下拉跳转,“本屏原文”查看高亮来源,也能展开完整原文。 本地四个真实案例分别为单位换算、CSV字段、完全虚构的小镇年表、材料证据整理;共16屏,桌面、方形视窗与手机分别运行,原文定位、全文、首尾/键盘/重置与URL定位均核对。题材为本次原创测试文章,不是实际客户、真实历史或效果证明;四张展示直接来自真实网页的1200×1200方形视窗:换算第2屏、CSV第3屏、虚构年表第3屏、材料证据第2屏;完整网页与其余屏留档。头像为独立原创文字与图形排版,未冒称生图模型输出。 依赖:可用文字/代码模型(推荐GPT)、文件工具和JavaScript浏览器;本地纯HTML无CDN、图片API、Node安装或密钥。原文安全显示为文本,不作为HTML执行。默认无音频,无MP4、自动录屏或公开托管,不宣传未实现语音。 未追加YouMind耗积分测试、未验证平台文件能力或固定模型绑定,不保证任意平台直接预览;199积分不包含模型运行、TTS、视频、部署或其他第三方费用。 展示说明:首张为独立技能头像与案例01实际输出的并排排版,用于横向缩略展示;不是新增案例,也未让生图模型重绘证据。其余三张对应案例02—04。
Thông tin
- Phiên bản
- v4
- Cập nhật lần cuối
- Điểm tín dụng khi chạy
- Theo mức sử dụng
- Mô hình
- Tự động