Guides

Turn a Family Scheduler Idea Into a Working App With Astra

In this guide, you will learn how to turn an idea from our Workflow Hub into your own app with Astra in Codex.

beginner 4 steps

Introduction

In this guide, you will learn how to turn an idea from our Workflow Hub into your own app with Astra in Codex. We’ll go from a product brief to design mockups and a working family planner, then test whether its calendar saves and shares events the way we expect.

Step-by-step 4 steps

Instructions

  1. Step 1 of 4

    Find an Idea and Give It Your Own Direction

    Browse the Workflow Hub (https://app.therundown.ai/community) for a project that solves a recognizable problem. Open the post, read why its creator built it, and look at the comments for questions you might want your version to answer.

    Shawn’s project brought family caregiving information into one place. We kept that coordination pattern and changed the focus to groceries, appointments, practices, recitals, and dinners. Give the original creator credit when you share your adaptation.

    Try the starting example before writing requirements. Our first demo looked promising, but navigating to a future Tuesday exposed a calendar limitation. That gave us a concrete requirement for the next version: a calendar we could fully navigate and use.

    Keep an existing demo in its own folder while you build the new version. We used a separate v2 app so we could compare results without overwriting the original.

  2. Step 2 of 4

    Write the Product Brief Before Building

    Switch to Codex mode, select Astra, and enter /plan. Give it the inspiration link and explain the outcome you want.

    Here is a reusable version of the request we used:

    Prompt
    Write a new PRD—a product requirements document—that remixes this idea for [your audience and use case]: [source link].
    
    Bring [the activities and information you want to organize] into one place. Make it usable on desktop and mobile, with a full calendar people can navigate, add to, and edit.
    
    For this local prototype, use PostgreSQL and username-only member entry in one shared household. Treat username entry as profile selection, not secure authentication. Use fictional data.
    
    Ask me multiple-choice questions about the decisions that affect the result. Write the PRD first. After I review it, we’ll create four visual concepts and choose one before implementation.

    A PRD is the written agreement about what you’re building. Review who uses the app, which screens it needs, what its calendar supports, and how data should persist. Answer the questions Astra raises instead of letting those decisions stay implicit.

    Astra asks how the full calendar should work while reviewing the source idea.
    Astra asks how the full calendar should work while reviewing the source idea.
    Pro tip: If Astra goes straight to work without clarifying the important choices, ask it to interview you with multiple-choice questions. We used those questions to choose how member entry and the full planner should work.

    We chose local PostgreSQL, which added setup work during the build. If you already know your intended backend, specify it in the brief. We discussed Supabase as an alternative, but the prototype here uses the local database.

  3. Step 3 of 4

    Compare Four Designs and Pick One

    After reviewing the PRD, ask Astra for four distinct image mockups. Keep the features consistent across concepts and request a desktop screen beside a mobile screen so you can compare both layouts.

    Prompt
    Use the approved PRD to create four distinct visual concepts. Show the desktop calendar and a mobile layout side by side in each image. Keep the functionality consistent so I can compare the visual directions. Wait for me to choose a concept before building the app.

    We reviewed Hearth, Daylight, Patchwork, and Sunday, then chose Patchwork. Its large calendar, plum controls, pastel categories, and family-member labels gave the build a clear visual target.

    The selected Patchwork concept shows desktop and mobile calendar layouts.
    The selected Patchwork concept shows desktop and mobile calendar layouts.

    This is the generated design concept, not an interactive app screenshot.

    Look at the layout and hierarchy rather than treating every detail in the image as finished behavior. Calendar positions, dates, and buttons still need to work correctly in the implementation.

    If you use design skills, choose ones that fit your stack and the job. An unrelated installed skill can pull the project toward the wrong framework or visual style. The useful instruction is to build from the design you selected.

  4. Step 4 of 4

    Build the Prototype and Test Its Behavior

    Give Astra the approved concept and ask it to complete a working prototype. Our request also asked it to save progress with Git, set a goal, and use sub-agents for independent work.

    Prompt
    Build a working prototype from the approved PRD and Patchwork concept in the new app folder. Preserve the earlier demo. Get it running in your browser so I can use it.
    
    Use Git to track and save progress. Set a goal for completing the prototype, and use sub-agents for independent tasks that can run in parallel. Test the app and fix problems before handing it back.

    Once the app opens, test the behavior that matters to you. We added a Piano recital event, saved it, logged out, refreshed, and returned with another username. The event was still there. Switching back to Billy also showed it.

    That test confirmed persistence and revealed an important access decision: everyone belonged to the same household. Seeing the same event was expected for that design.

    Pro tip: Define whether users share one household or get separate accounts before building. Username-only entry selects a member; it does not verify identity or protect private records. Use fictional data for this prototype.

    Try a complete action, such as adding and reopening an event, before spending more time polishing the layout. Then check the task list, groceries, and dinner screens against your own requirements. Ask for a targeted correction if something behaves differently from what you intended.

You're done

That's the whole workflow

Mark it complete to save your progress. Background and answers to common questions follow below.

Keep going

Keep learning with Rundown Pro

A guide shows you one workflow. Pro opens the full course library, so you can learn the whole system behind it.

  • Every on-demand course
  • Certifications on completion
  • Group office hours and member perks

$29/mo, cancel anytime

Overview Back to the steps

Background and context

Who This Is Useful For

  • Parents who want school events, practices, appointments, and meals in one family planner.
  • Household organizers who want to connect dinner plans, groceries, and everyday tasks.
  • Anyone who finds a useful AI project and wants to adapt its underlying idea to their own needs.

What You Will Build

You’ll create a product requirements document, compare four visual concepts, and build a working family-planner prototype. Our version, Kinfolk, brings a calendar, tasks, groceries, and dinners into one place.

We started with Shawn’s shared eldercare log (https://app.therundown.ai/community/posts/a1bf8b99-d97e-42ca-8fdb-25286ecdbbee) and adapted the coordination idea for everyday family life. The same process works with a club organizer, a household chore board, or another app you wish existed.

What You Need To Get Started

  • The desktop app with Codex mode and Astra available in its model selector. We used Astra on High on a Mac.
  • A link to an idea you want to adapt and a folder for the new project.
  • A short list of the people, plans, and activities the app should organize.
  • A decision about data storage and user access. Our prototype uses local PostgreSQL; its local setup requires Docker Desktop.

Astra is OpenAI’s GPT-6 model (https://developers.openai.com/api/docs/models/gpt-6-astra), with support for coding and multi-step work. The desktop app supplies the project tools. Check the model selector in your own account before starting; availability can differ across accounts.

Going Further

Bring your version back to the Workflow Hub (https://app.therundown.ai/community). Share the problem you adapted, credit the original creator, and explain one thing you learned while building it.

If you want to deploy the app, make that a separate next step: choose its hosting and database, decide how household access should work, and add proper authentication before storing real private information. The local prototype gives you a concrete starting point for those decisions.

$29 billed monthly · cancel anytime
Go Pro