Skip to main content

Claude Prompt to Design a Mood & Diary Journal App Interface

Design a mood and diary journal app UI — daily reflections, emotion tagging, encrypted private entries, calendar views, and gratitude prompts.

Fill in the placeholders

Edit the values, then copy your finished prompt.

Your Prompt
prompt.txt
Design a mood journal and diary app for young adults (20-35) seeking self-reflection and emotional awareness.

Core features: mood tracking, journal entries, photo memories, gratitude prompts, insights, privacy lock
Privacy model: local-first with optional encrypted cloud backup

**Industry Design Rules (Diary/Journal):**
- Pattern: Today's entry prompt → Write/tag mood → Photo memories → Calendar view → Insights
- Style Priority: Intimate, private, personal — this is someone's inner world, design with reverence
- Color Mood: Warm paper-like textures, soft ink colors, mood-based color accents, gentle backgrounds
- Typography: Handwriting-inspired for headers (but readable), clean serif for journal body, generous line height for readability
- Key Effects: Smooth writing transitions, mood emoji selection with gentle animation, memory timeline scroll
- Anti-Patterns: DO NOT add social features (this is private). NO gamification of emotional expression. NO AI-analyzing entries without consent. NO ads. NO cloud sync without encryption.

Generate:
1. **Daily prompt** — time-of-day aware prompt (morning intention, evening reflection), skip option
2. **Journal entry** — rich text editor, mood selector (emoji scale), tags (grateful, anxious, happy, etc.), photo attach
3. **Calendar view** — month view with mood-colored dots, tap to read entries, streaks (gentle)
4. **Memories** — "On this day" feature showing past entries, photo timeline, year-in-review
5. **Insights** — mood trends over time (line chart), most common tags, writing frequency
6. **Gratitude section** — daily 3 things prompt, gratitude jar visualization (fills over time)
7. **Privacy** — PIN/biometric lock, local encryption, export/backup options
8. **React Native + AsyncStorage + react-native-biometrics code** for the journal entry screen with mood selector and the calendar view

What this prompt does

This prompt generates a complete UI specification for a private mood and diary journal app — covering entry creation, calendar navigation, memory timelines, mood trend insights, and a gratitude jar. The template enforces an opinionated design philosophy from the start: warm paper textures, handwriting-inspired headers, and mood-based color accents. It is not neutral scaffolding — it actively steers the AI away from the five most common ways diary apps betray user trust: social sharing features, gamification of emotional expression, passive AI entry analysis without explicit consent, advertising, and unencrypted cloud sync. Those paths are closed off in the prompt body, so the AI cannot drift into them by default.

Gentle streaks are deliberately included — the Calendar section specifies a subtle ink-fill streak indicator as a motivation mechanic. What is blocked is turning emotional expression itself into a points or badge system, not habit continuity features.

The bracketed variables — [target_audience], [features], [privacy], and [framework] — anchor the output to a real product without rewriting the design rules each time. The eight numbered sections cover every core screen: daily prompt, journal entry, calendar, memories, insights, gratitude, privacy controls, and framework-specific code.

When to use it

  • You are prototyping a mental health or wellness app and need a complete screen-by-screen UI map fast.
  • You want to pitch a journaling app concept and need realistic, specific output rather than vague wireframe notes.
  • You are building a React Native or Flutter MVP and need the journal entry and calendar screens with actual component structure.
  • You are designing for a therapist-recommended journaling tool and need privacy-first defaults baked in from the start.
  • You want to generate a gratitude or mindfulness app variant by swapping [features] while keeping the core privacy model intact.

Example output

Target audience: adult professionals managing burnout
Framework: React Native

Journal Entry Screen (Evening Reflection)
- Header: "How did today feel?" (DM Serif, warm ivory #FAF7F2 bg)
- Mood selector: horizontal emoji row (😔 😐 🙂 😊 🤩), tap animates
  with a gentle pulse, selected mood sets accent color for session
- Rich text body: 14px serif, 1.8 line-height, auto-saves every 10s
- Tag chips below body: [grateful] [anxious] [proud] [tired] — multi-select
- Photo attach: inline, max 3, stored locally encrypted
- Submit: "Seal today's entry" (no social share button anywhere)

Calendar View
- Month grid, each day dot colored by dominant mood emoji hue
- Tap day → slide-up card with entry preview, no public sharing option
- Streak counter shown as a subtle ink-fill bar, not a badge or number

Pro tips

  • Set [target_audience] with clinical or demographic specificity — "adults processing grief" produces substantially different tone, color temperature guidance, and prompt phrasing than "teenagers" or "adults with generalized anxiety." Run the same prompt with two different audiences side by side to see the divergence before committing to one direction.
  • Use [privacy] to name your actual encryption approach (e.g., "local-only AES-256, optional encrypted backup to user's own cloud storage") — vague privacy input produces vague implementation notes that your developer cannot act on.
  • Pair the framework output with a design token prompt afterward: ask the AI to extract all colors, font sizes, and spacing values into a single token file so your actual codebase stays in sync with the generated spec.
  • If you only need the gratitude section built out, pass a narrow [features] value ("gratitude jar only, no mood tracking") — the anti-pattern block still holds, so you will not get social or gamification features bleeding in even with a stripped-down feature set.
  • The "On this day" memory feature requires date-aware logic in your app layer — flag this to your developer early. The prompt specifies the UX but will not wire up the date query automatically unless you ask in a follow-up.

Frequently Asked Questions

Will this prompt generate actual code or just a UI description?
Both, depending on what you put in [framework]. If you specify React Native, Flutter, or SwiftUI, the prompt explicitly requests code for the journal entry screen and the calendar view. If you leave [framework] vague or omit it, the output skews toward a detailed UI spec and component breakdown without runnable code.
The anti-patterns block says no AI analyzing entries — does that mean I cannot build AI features into my app at all?
No. It means the prompt will not generate AI-analysis features without a consent mechanism in place. If you want AI mood summarization, add it explicitly in [features] with a note like 'opt-in AI summary, user-initiated only.' The block stops passive, background analysis from appearing in the output by default — not AI features you deliberately design in with a clear consent flow.
Can I adapt this for a couples or family shared journal?
The template is built around a single private user, and the anti-patterns block actively resists social and sharing UI. You can override this by adding 'shared between two users, end-to-end encrypted' to [privacy] and 'collaborative entry mode' to [features], but expect to work against the template's private-by-default assumptions in several sections of the output. A shared journal is a fundamentally different privacy model, and this template will not bend to it cleanly without those explicit overrides.
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 Lifestyle App 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