Skip to main content

Claude/ChatGPT Prompt to Build a Smart Home Scene Builder UI

Design a smart home scene builder UI with triggers, conditions, chained actions, and a visual node graph for complex automations.

Fill in the placeholders

Edit the values, then copy your finished prompt.

Your Prompt
prompt.txt
You are a senior product engineer for IoT apps. Specify the scene builder tightly enough to build, and return working component code, not pseudocode.

Context:
- Stack: React Native
- Device categories: lights, climate, music, blinds
- Trigger types: time, location, voice, device state

Deliverables:
1. Scene creation flow — name the scene, pick a trigger from the trigger types above, then save as draft.
2. A conditions layer (weather, presence, time window) that gates whether actions run.
3. A chained-actions editor for the device categories above, with per-action delays and reordering.
4. A visual node graph view for complex scenes, with a simple list view fallback for simple ones.
5. A test-run mode that simulates the scene and surfaces which step would fire or fail.
6. Scheduling plus enable/disable toggles, and clear empty/loading/error states.

Output: the scene builder component files plus a short data-model note for how scenes, triggers, conditions, and actions are stored.

What this prompt does

This prompt positions the model as a senior product engineer for IoT apps and asks it to specify a smart home scene builder tightly enough to build, returning working component code rather than pseudocode. It lays out six deliverables: a scene creation flow (name, pick a trigger, save as draft), a conditions layer that gates whether actions run, a chained-actions editor with per-action delays and reordering, a visual node graph for complex scenes with a list fallback for simple ones, a test-run mode that simulates a scene and surfaces which step fires or fails, and scheduling plus enable/disable toggles with clear empty, loading, and error states. The structure works because it treats a scene builder honestly — as a tiny rules engine wearing a friendly UI.

Three variables shape it. [stack] sets the framework (default React Native). [devices] lists the controllable device categories like lights, climate, music, and blinds, which the chained-actions editor targets. [triggers] defines the available trigger types — time, location, voice, device state — that the creation flow lets users pick from. The test-run mode is the part that earns trust: non-technical users will not rely on automations they cannot dry-run, so the prompt insists the simulation show exactly which step would fire or fail before a scene goes live.

When to use it

  • You are building a smart home, IoT, or automation app and need a scene or rules builder.
  • Non-technical users must compose conditional logic without it feeling like programming.
  • You need triggers, conditions, and chained actions modeled as distinct, composable layers.
  • A visual node graph for complex automations plus a simple list view for basic ones is desirable.
  • You want a test-run or dry-run mode so users can simulate before activating.
  • You need component files plus a data-model note for how scenes are stored.

Example output

Expect scene builder component files in your [stack] plus a short data-model note covering how scenes, triggers, conditions, and actions are stored. The creation flow names a scene, picks from [triggers], and saves a draft; a conditions layer gates execution on weather, presence, or time window; a chained-actions editor sequences actions across [devices] with delays and reordering; a node graph handles complex scenes with a list fallback; a test-run mode simulates and flags which step fires or fails; and scheduling with enable/disable toggles ships with empty, loading, and error states. It is a buildable foundation, not a finished product.

Pro tips

  • List your real [devices] so the chained-actions editor targets actual capabilities rather than generic placeholders.
  • Set [triggers] to what your platform truly supports; the creation flow only offers what you specify here.
  • Build the test-run mode early — users will not trust automations they cannot dry-run first.
  • Ask the model to keep the node graph optional with a list fallback so simple scenes stay simple.
  • Pay attention to the data-model note; it determines how cleanly conditions and chained actions persist.
  • If the conditions layer feels shallow, re-run requesting explicit gating logic for weather, presence, and time windows.

Frequently Asked Questions

Is this prompt essentially building a rules engine?
Yes. It treats a scene builder as a tiny rules engine wearing a friendly UI, with distinct layers for triggers, conditions, and chained actions. The challenge it targets is letting non-technical users compose conditional logic without it feeling like programming.
Does it include a way to test scenes before they run?
A test-run mode is a required deliverable that simulates the scene and surfaces which step would fire or fail. The prompt insists you build this early, since users will not trust automations they cannot dry-run first.
Can I control which device types the builder supports?
The `[devices]` variable lists the controllable categories, defaulting to lights, climate, music, and blinds. The chained-actions editor targets these, so set it to match the device capabilities your platform actually exposes.
Does it handle both simple and complex automations?
The deliverables include a visual node graph for complex scenes with a simple list view fallback for basic ones. This keeps straightforward automations easy while still supporting branching, multi-step logic when needed.
Engr Mejba Ahmed

Need this built for real?

Engr Mejba Ahmed

AI Developer · Software Engineer

I'm Mejba — I design and ship production AI systems, automations, and full-stack apps. If you want this turned into a working solution for your team, let's talk.

More in Emerging Tech UI Prompts

Engr Mejba Ahmed

Engr Mejba Ahmed

AI assistant · trained on my work

👋

Hey there!

Quick Actions

WhatsApp Direct line to me

Chat on WhatsApp

+880 1723 741224 · Replies within the hour on working days

Popular Questions

Engr Mejba Ahmed is connected
Engr Mejba Ahmed is typing...
Engr Mejba Ahmed avatar

✉ Want me to follow up? Drop your email

Engr Mejba Ahmed avatar

📞 Connect Directly

Choose how you'd like to reach me

WhatsApp

+880 1723 741224

Email

mejba.13@gmail.com

✓ Details sent! I'll get back to you shortly.

Powered by OpenAI

335+

Blog Posts

25

AI Courses

63

Projects

Services & Expertise

Pricing & Process

Learning & Resources

Connect & Support