פרומפט ל־v0 (Next.js / React app)
Build a minimalist web app called:
“0–1 Awareness Ladder”
Concept
This is a self-development coaching tool (NOT therapy).
It helps users track their current state of awareness and move from:
0 = reactive / survival / automatic mode
1 = conscious / present / choice-based mode
The app is a simple “awareness ladder” across life domains.
Core Requirements
- Global UI Style
Minimal, clean, calm design
Soft neutral colors (white, light gray, subtle blue accents)
Rounded cards (2xl)
Large readable typography
Mobile-first layout
No clutter, no heavy visuals
Smooth transitions between screens
- App Structure (Pages)
A. Home Page
Title: “Where am I right now?”
Elements:
Big central toggle button: “Check my state (0 / 1)”
Display current global state (if set)
Quick navigation cards:
Check-in
Channels
Practice Shift (0 → 1)
Journal
B. Check-in Page
Purpose: user identifies current state
UI:
Simple question cards:
-
“What am I feeling right now?”
-
“Am I reacting or choosing?”
-
“Is my body tense or calm?”
Button: “Determine my state”
Output:
Shows: STATE 0 or STATE 1 (large display)
Short neutral explanation (no therapy language)
Button: “Go to Shift Practice”
C. Shift Practice Page (0 → 1)
Purpose: move user from reactive to conscious state
Flow:
3 step micro-practice:
Step 1: Breathing (30 seconds) Text: “Breathe slowly. Notice your body.”
Step 2: Awareness question: “What is my next conscious choice?”
Step 3: Micro-action: “What is ONE small step I can take now?”
Button:
“I am in 1 now”
Save state = 1
D. Channels Page (Core System)
This is the main feature.
Structure:
List of life domains (editable categories):
Default channels:
Relationships
Body & Health
Work & Creation
Money & Flow
Inner Self
Each channel is a clickable card.
Inside each Channel:
When opened:
Show:
Channel name
Current state: 0 or 1 (toggle)
Sub-channels list (editable)
Sub-channels examples (Relationships):
Partner
Parenting
Friends
Self relationship
Family
Features:
Each sub-channel has its own 0 / 1 toggle
Add/edit/delete sub-channels
Optional short note per sub-channel
E. Journal Page
Simple reflective log:
Fields:
Text input (short journal entry)
Tag: 0 or 1
Optional: attach to channel/sub-channel
No analytics, no psychology, no insights.
Just logging.
- Navigation
Bottom navigation bar:
Home
Check-in
Channels
Journal
- Data Model (simple)
User state:
globalState: 0 | 1
Channels:
name
subChannels[]
state per subChannel (0 | 1)
Journal entries:
text
stateTag (0 | 1)
timestamp
optional channel reference
- Rules of the App
No therapy language
No diagnosis
No emotional analysis
Only awareness + state labeling
Everything is user-controlled
Fast interactions (max 2–3 clicks per action)
- UX Intent
The app should feel like:
a mirror, not a coach
a simple awareness dashboard
fast state switching tool
very low cognitive load
If you want, I can next:
convert this into a v0 prompt עם קומפוננטות shadcn מדויקות
או לפרק לך את זה ל־פיתוח שלב 1 / שלב 2 (MVP roadmap)
פרומפט ל־v0 (Next.js / React app)
Build a minimalist web app called:
“0–1 Awareness Ladder”
Concept
This is a self-development coaching tool (NOT therapy).
It helps users track their current state of awareness and move from:
0 = reactive / survival / automatic mode
1 = conscious / present / choice-based mode
The app is a simple “awareness ladder” across life domains.
Core Requirements
Minimal, clean, calm design
Soft neutral colors (white, light gray, subtle blue accents)
Rounded cards (2xl)
Large readable typography
Mobile-first layout
No clutter, no heavy visuals
Smooth transitions between screens
A. Home Page
Title: “Where am I right now?”
Elements:
Big central toggle button: “Check my state (0 / 1)”
Display current global state (if set)
Quick navigation cards:
Check-in
Channels
Practice Shift (0 → 1)
Journal
B. Check-in Page
Purpose: user identifies current state
UI:
Simple question cards:
“What am I feeling right now?”
“Am I reacting or choosing?”
“Is my body tense or calm?”
Button: “Determine my state”
Output:
Shows: STATE 0 or STATE 1 (large display)
Short neutral explanation (no therapy language)
Button: “Go to Shift Practice”
C. Shift Practice Page (0 → 1)
Purpose: move user from reactive to conscious state
Flow:
3 step micro-practice:
Step 1: Breathing (30 seconds) Text: “Breathe slowly. Notice your body.”
Step 2: Awareness question: “What is my next conscious choice?”
Step 3: Micro-action: “What is ONE small step I can take now?”
Button:
“I am in 1 now”
Save state = 1
D. Channels Page (Core System)
This is the main feature.
Structure:
List of life domains (editable categories):
Default channels:
Relationships
Body & Health
Work & Creation
Money & Flow
Inner Self
Each channel is a clickable card.
Inside each Channel:
When opened:
Show:
Channel name
Current state: 0 or 1 (toggle)
Sub-channels list (editable)
Sub-channels examples (Relationships):
Partner
Parenting
Friends
Self relationship
Family
Features:
Each sub-channel has its own 0 / 1 toggle
Add/edit/delete sub-channels
Optional short note per sub-channel
E. Journal Page
Simple reflective log:
Fields:
Text input (short journal entry)
Tag: 0 or 1
Optional: attach to channel/sub-channel
No analytics, no psychology, no insights.
Just logging.
Bottom navigation bar:
Home
Check-in
Channels
Journal
User state:
globalState: 0 | 1
Channels:
name
subChannels[]
state per subChannel (0 | 1)
Journal entries:
text
stateTag (0 | 1)
timestamp
optional channel reference
No therapy language
No diagnosis
No emotional analysis
Only awareness + state labeling
Everything is user-controlled
Fast interactions (max 2–3 clicks per action)
The app should feel like:
a mirror, not a coach
a simple awareness dashboard
fast state switching tool
very low cognitive load
If you want, I can next:
convert this into a v0 prompt עם קומפוננטות shadcn מדויקות
או לפרק לך את זה ל־פיתוח שלב 1 / שלב 2 (MVP roadmap)