智能家居产品官网

面向智能家居品牌的产品展示官网,突出设备互联与场景体验。

智能家居产品官网
AI PROMPT / PREVIEW动态效果预览
READY TO USE

直接开始使用

免费内容

这条提示词无需补充变量,可直接复制使用。

完整提示词已整理并复测
不会自动发送任何内容
HOW TO USE01

这样使用,效果更稳

STEP 01↗
准备输入

把变量替换为具体信息。越接近真实上下文,模型越容易给出可执行结果。

STEP 02✓
人工核验

数字、引用、代码和专业建议需要再次确认,不要把模型输出当作事实来源。

STEP 03+
继续追问

第一版不满意时,指出具体段落、目标和限制,比重新复制整条更有效。

FULL PROMPT02

完整提示词

可直接使用的提示词

原文

你是资深前端工程师。请为智能家居品牌「栖智HomeCore」生成产品官网首页,输出单HTML文件(内联CSS/JS,可用Tailwind CDN)。版块:①导航栏含产品/场景/支持/购买入口;②全屏Hero,深色背景展示智能中控屏与灯光联动插画,大字标题+「了解生态」「立即选购」双按钮;③产品矩阵区,卡片展示智能灯、音箱、门锁、窗帘,悬停上浮;④全屋场景区,横向时间轴展示晨起/离家/观影/睡眠联动;⑤设备数与延迟数字滚动动画;⑥页脚。设计风格:深空灰+电光青点缀,圆角玻璃拟态卡片,无衬线字体,大留白。技术要求:语义化HTML5,Flex/Grid布局,移动端响应式,滚动进入视口淡入动画,注释清晰可直接运行。

案例说明

面向智能家居品牌的产品展示官网,突出设备互联与场景体验。

适用信息

适配模型:通用编程模型

难度:进阶

标签:智能家居、产品官网、深色科技风、Kimi精选、品牌介绍

来源:AI妙词(已获授权转载),原条目 ID 1090。

REAL RESULT03

真实效果案例

通用编程模型已完成复测
输入

使用上方完整提示词生成页面,并根据项目素材替换对应资源。

输出节选

面向智能家居品牌的产品展示官网,突出设备互联与场景体验。

KEEP EXPLORING04

接着探索