First Workflow Guide

Build Your First Personal Launchpad

Create a small local utility that opens or organizes websites, apps, folders, documents, notes, checklists, tools, or project links.

This guide is designed for a need-to-know build path. Each idea appears when it becomes useful, not before.

Keep going through the final reflection — [rewarding] is the part most people do not expect.

Before you start

PathTimeBest forKeep it to
Verbatim TourUnder 30 minutesSeeing how Verbatim worksOne page, one category, a few sample links
Guided Build30–60 minutesBuilding something useful while following the patternApps/tools, websites, files/folders
Thoughtful Build30 minutes–2+ hoursDesigning something personal and consideredCategories, tabs, assets, style, storage, refinements

All three paths can fit within 5 Verbatim writing runs when you plan before the first Recording Sheet and keep version one focused.

Quick checklist

1

Pick the kind of launchpad

Choose what this first launchpad is for. Do not design every detail yet. Just choose the use case.

GamerGames, OBS, Twitch, Discord, news, patch notes, clips folder.
Creator / SocialReddit, Instagram, Facebook, X, Canva, Adobe, drafts, calendar.
Builder / DeveloperVerbatim, ChatGPT, Claude, terminal, VS Code, webhost, email.
Tip: this is categorization. You are deciding what belongs together before you build anything.
2

Choose one simple shape

Pick the simplest layout that matches your time path.

  • Tour: one category, a few links.
  • Guided Build: Apps/tools, websites, files/folders.
  • Thoughtful Build: categories, tabs, assets, style, storage, refinements.

You can combine modes later. A Gaming tab, Creator tab, and Builder tab can become profiles.

Tip: tabs are navigation. Profiles are modes. They help decide what belongs where.
Prompt 1

Plan before code

Use this prompt now. It should start a planning conversation, not produce code.

I want to build a simple Personal Launchpad as my first AI-assisted software project.

I am using Nodarama Verbatim to help apply changes safely.

The goal is to complete a small working version in 5 Verbatim writes or fewer if possible.

Help me plan before writing code.

Ask me only the most important beginner-friendly questions first:
- whether this is a fast Verbatim Tour, Guided Build, or Thoughtful Build
- what kind of launchpad I want: gaming, creator/social, builder/developer, work, school, personal, or mixed
- what I want it to help me open, track, or organize
- whether I want one simple page or multiple tabs/categories
- whether I want it very simple or more dashboard-like
- whether I use Windows, Mac, or both
- what shortcuts, links, documents, folders, or apps I want included
- whether I expect to use images, icons, or other assets
- how much coding explanation I want
- whether I want you to make most decisions or ask me before each major choice

Please help me decide:
- what belongs in version one
- what should wait until later
- whether I need an assets folder
- what the page should display
- what should happen when I click or use something

Avoid overwhelming me with framework choices. Assume simple HTML, CSS, and JavaScript unless there is a strong reason not to.

Do not write code yet. Do not prepare a Recording Sheet yet.

Keep talking with AI until the first version feels clear. Ask for help finding app paths, folder locations, or links if you need it.

3

Decide what goes where

Before the first write, decide whether your project only needs files or also needs folders for resources.

The simple version usually starts with:

index.html
style.css
script.js

If you expect images, icons, screenshots, logos, or sound files, consider creating an assets folder yourself before the first write.

personal-launchpad/
  index.html
  style.css
  script.js
  assets/
    icons/
    images/

You do not need an assets folder for one image. You may want one if you expect five.

Tip: folder organization is planning. Changing paths later can be annoying, so decide what goes where before AI writes paths into your files.
4

Plan the three core files

You do not need to study code first. Just know what each file is responsible for.

HTMLOrder, sequence, and structure. What appears on the page.
CSSVisual definitions. Layout, spacing, colors, cards, buttons, mood.
JavaScriptBehavior and actions. What happens when someone clicks, types, saves, or switches tabs.
Tip: what happens is not always the same as what is displayed. A tab may look visual, but JavaScript controls which group appears.
5

Copy the map and the rules

When the plan is ready, use Verbatim before asking for the first Recording Sheet.

  1. Click Copy Tree.
  2. Click Copy Contract.
  3. Paste both into the AI chat.
Copy TreeGives AI the project map: what exists and where it lives.
Copy ContractGives AI the recording rules for Verbatim.
Tip: AI needs both the map and the rules.
Prompt 2

Prepare the first Recording Sheet

Use this only after planning is complete and after you paste Copy Tree + Copy Contract into the AI chat.

I am ready for the first Verbatim Recording Sheet.

I am providing:
1. the project tree from Verbatim
2. the aiVerbatimRecordingContract from Verbatim

Use the project tree as the map of what exists and where files should go.
Use the recording contract as the required format for the Recording Sheet.

Prepare one Recording Sheet for the first Recording Session.

For this first build, create the core project files together:
- index.html
- style.css
- script.js

If I created an assets folder or described an assets structure, reference it correctly. Do not invent asset files that do not exist unless we agreed to create placeholders.

The first Recording Sheet should include:
- HTML structure
- CSS visual definitions
- JavaScript behavior and interactions
- starter categories or tabs if agreed
- shortcut cards or placeholder links
- any simple notes, checklist, or storage behavior we agreed on

Use Write Actions for new files.

Keep it beginner-friendly.
Do not add unnecessary frameworks, build tools, databases, installers, or advanced packaging.

Output only the Recording Sheet JSON array, with no extra explanation before or after.

Manual copy/paste into Verbatim is recommended for this first workflow because it helps control the number of writing runs.

6

Record, then test the first version

  1. Paste or send the Recording Sheet into Verbatim.
  2. Review file paths and actions before recording.
  3. Record the first version.
  4. Open the selected project folder.
  5. Open index.html in your browser.
  6. Click through the launchpad.

Notice what works and what needs to change.

Tip: testing is not failure-hunting. Testing is how you learn what the app actually does compared to what you expected.
7

Choose the next change

Customization begins after you see the first version. Choose one focused change at a time.

  • Change links or labels.
  • Add tabs or categories.
  • Add images, icons, or an assets folder.
  • Improve style, spacing, or layout.
  • Add saved notes, checklist behavior, or theme storage.
Tip: scope is deciding what belongs now and what waits. Good ideas are not lost when you save them for later.
Prompt 3

Plan a revision

I tested the Personal Launchpad.

Help me plan the next Verbatim Revision Sheet.

Here is what worked:
[write what worked]

Here is what needs correction, enhancement, or troubleshooting:
[write what needs changing]

I may also want to add or adjust:
- links or shortcuts
- tabs or categories
- images, icons, or assets
- visual style
- notes or checklist behavior
- storage behavior
- layout or spacing
- another simple function

Please group related fixes into one Recording Session when practical so I can keep the number of writes low.

Before writing the Revision Sheet, briefly summarize:
- what you will change
- which files are affected
- whether this is a correction, refinement, or added feature
- whether any folder or asset organization should change

Then ask for my approval before preparing the Revision Sheet.

After approval

Prepare the approved Verbatim Revision Sheet.

Use the aiVerbatimRecordingContract format.

Prefer Revision Actions for surgical edits when possible:
- replacestring
- replaceblock
- replacefunction
- insertbefore
- insertafter

Use rewritefile only if a surgical edit is not practical.

Output only the Recording Sheet JSON array, with no extra explanation before or after.

The 5-run shape

  1. Foundational Recording Sheet: create index.html, style.css, and script.js together.
  2. First correction: fix anything that does not run, display correctly, or match the plan.
  3. First refinement: improve layout, labels, categories, spacing, or basic usability.
  4. One focused addition: tabs, saved notes, checklist storage, theme toggle, images, icons, or another shortcut group.
  5. Final polish: cleanup, correction, or style improvement.

This is not a law. It is a quick-start shape for this project. Bigger features can become their own phase later.

Before you finish

Do not skip the final reflection. The next screens slow the process down just enough to help you notice what you actually practiced.

Reflection 1 of 3

What did you build?

You just built a real utility. It may be simple, but it is yours.

What kind of launchpad did you make?

Naming what you built helps define intent. Intent tells you, AI, Verbatim, and future-you what the project is supposed to do.

Reflection 2 of 3

What did you save for later?

When imagination starts moving, one of the hardest skills is knowing where to stop. Bigger ideas need a place to wait.

That is scope. You did not abandon the idea. You stored it for the right time.

Reflection 3 of 3

This was never just about buttons.

You built a small tool, but you practiced a larger pattern.

You defined intent. You controlled scope. You categorized functions. You set boundaries. You separated what happens from what is displayed. You gave AI useful context. You reviewed before trusting. You learned that code can be approached on a need-to-know basis.

You also practiced folder organization, visual design choices, action planning, storage thinking, navigation planning, mode/profile thinking, and deciding what AI needed to know before writing.

These are universal skills for building strong and effective systems.

They apply to everything: apps, websites, automations, dashboards, workflows, creative tools, business systems, and AI collaboration.

The launchpad is small. The thinking is universal.

You have seen and participated in a larger pattern. Now practice it and build everything you want.

Build everything you want.

Verbatim is here to help you repeat the pattern:

Describe it. Organize it. Bound it. Build a small version. Review the work. Improve it. Keep going.

You do not have to learn all of coding before you build something useful. Build on a need-to-know basis.

Ask AI what you need to understand when you need to understand it: what file controls the layout, what file controls behavior, where tabs are defined, what happens when you click a button, what part saves notes, or what small manual edit you could safely make yourself.

This first launchpad was only the beginning.

Share the reflection

Do you know someone who might benefit from the reflection lesson in building their first launchpad? Someone who says they are “not technical.” Someone curious about AI. Someone with ideas but no obvious path to build them.

They may think they are just building a small launchpad. But by the end, they may realize they are practicing universal skills for building strong and effective systems.

Hey,

I found a guided first-build workflow for Nodarama Verbatim that helps you create a Personal Launchpad — a small utility for your own links, tools, notes, shortcuts, or projects.

The useful part is not just the app. At the end, it walks you through what you actually practiced: intent, scope, categories, boundaries, what happens vs what is displayed, AI context, review, and learning code on a need-to-know basis.

It is a surprisingly good way to feel what building with AI can be like.

Try the First Workflow Guide here:
[link]

Ready to build without limits?

Your first launchpad was only the beginning. Now that you have seen the pattern, you can repeat it.

Verbatim helps you turn AI conversations into real local project work with review, History, DUBS, project context, and guardrails.

If you are ready to keep building without stopping at the first win: subscribe to Verbatim.

Subscribe to Verbatim