智能家居控制后台

智能家居Web控制后台界面,深色仪表盘集中管理设备。

智能家居控制后台
AI PROMPT / PREVIEW动态效果预览
READY TO USE

直接开始使用

免费内容

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

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

这样使用,效果更稳

STEP 01↗
准备输入

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

STEP 02✓
人工核验

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

STEP 03+
继续追问

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

FULL PROMPT02

完整提示词

可直接使用的提示词

原文

你是IoT产品前端工程师。请生成智能家居Web控制后台主界面,输出单HTML文件。布局:①左侧深色侧边栏含仪表盘/房间/设备/自动化/能耗/设置;②顶部栏含搜索、天气、通知与主题切换;③环境概览卡片行:温湿度、空气质量、当前能耗,含SVG迷你折线趋势图;④房间控制区按客厅/卧室/书房标签切换,设备卡片含开关、亮度滑杆、温度步进器,状态实时变色;⑤「回家/观影/睡眠」场景卡片一键执行并显示反馈;⑥能耗SVG柱状图;⑦设备告警列表。设计风格:深灰蓝底+青色高亮+琥珀告警色,玻璃拟态卡片,等宽数字,密度高但层级清晰。技术要求:JS管理设备状态驱动DOM更新,原生滑杆开关,侧边栏响应式折叠,可直接运行。

案例说明

智能家居Web控制后台界面,深色仪表盘集中管理设备。

适用信息

适配模型:通用编程模型

难度:进阶

标签:智能后台、仪表盘、IoT、Kimi精选、数据看板

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

REAL RESULT03

真实效果案例

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

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

输出节选

智能家居Web控制后台界面,深色仪表盘集中管理设备。

KEEP EXPLORING04

接着探索