1shot a desktop and mobile app with AI
Prompt builder
A habit tracker. The main screen lists my habits, each in its own colour, with a checkbox for today, its current streak, and a row of dots for the last 14 days. Checking one off plays a short, satisfying animation. A button opens a form to add a habit with a name and a colour. Tapping a habit opens its page: a GitHub-style grid of its past year, plus rename, recolour and delete (with a confirm). A stats screen shows a bar chart of how many habits I completed each day, with arrows to step between months. Days follow my local time, and a streak only breaks once a day is over. Save everything to a local file so it's still there next time. On first launch, fill it with a few example habits and two months of history, which I can clear. Support light and dark themes, make it look polished and modern, and lay it out for both a desktop window and a phone screen.The rest of the prompt, the same for any app
The GUI framework you must use for building this app is RayClay. RayClay is a pure-C GUI framework with a deliberately webdev-like API and syntax (syntax borrowed from HTML and Tailwind CSS). It builds on Linux, macOS, Windows, Android, iOS. Clone the examples branch of RayClay https://github.com/impizulu/rayclay - make sure to clone the examples branch because it contains both RayClay source and examples; you should read the examples to understand how to practically use the RayClay API (the `examples/bench` apps are more full-body examples) as well as of course reading all the RayClay docs in `docs`. Other Useful Resources: * [RayClay cheatsheet](https://www.rayclay.dev/docs) - every public function in the API (or find at `docs/cheatsheet.md` from the cloned repo). * [RayClay template](https://github.com/impizulu/rayclay-template) - a starter app with a custom titlebar, a collapsible sidebar and browser-style zoom. The app follows RayClay best-practices and is structured to be scalable. Pre-requisites: * if on **Windows** system: Nothing. Visual Studio Build Tools (MSVC) or MSYS2 MinGW is all you need. * if on **Mac** system: Nothing beyond Xcode Command Line Tools. * if on **Linux** system: The X11 and Wayland development headers. * if building for **Web**: Emscripten (emsdk; RayClay pins 6.0.2). Once the app I have described is complete, build it for me and display it for me so I can assess it. Properly plan and brainstorm before starting the task. When you delegate agents, it is critical that every agent has proper context on what they are supposed to do and why - they need a big picture understanding of why they are doing what they are doing in order to ensure that they write the best code possible. Make sure sub-tasks are completed in the appropriate order to avoid conflicts, and if sub-tasks are independent of one another then complete them in parallel. Think carefully about this task. Take your time with the task - quality is of the utmost importance and everything must be tested properly and adversarially reviewed to ensure that features and elements behave as intended before you present the final app to me.
Transcript
Whether or not you know how to write code, nowadays it's super easy to get a simple app up and running because you can describe what you want in plain English to AI and let AI handle the technical aspects.
So I've put together a prompt, which you can get from the rayclay.dev link in the description, which should one shot the first pass of any desktop or mobile app that you're trying to build.
Of course, building out a full stack app requires a bit more care and attention, but if you just want to get an initial idea of what the interface might look like or you're building a simple internal tool for yourself or a company, AI has reached the point where you can more or less one-shot it with the right prompt.
In the resources for this video on rayclay.dev, I've put a super simple prompt builder where you can just type out what you want the app to do here. And then the second part of this prompt I've already built for you and it's completely agnostic to whatever spec you give for the app.
I'll use the default spec I wrote for this video to populate the first section, then press this copy button, and I now have a full-body prompt to hand whatever AI model - I'll use Opus 5.5 but you can use whatever.
This is a totally fresh project; let's see how it does...