A free, interactive cognitive behavioral therapy worry tree tool to help manage anxiety. Follow structured decision flows to categorize and resolve worries.
AI Generation Prompt
Cognitive Behavioral Therapy Worry Tree Tool
Overview
A clean, distraction-free, interactive decision flowchart based on clinical CBT principles. The tool guides users through a branching path to process worries, moving them from "I am worried" to either "I have an action plan" or "I need to accept this."
Core Features
- Interactive Decision Tree: A progressive UI that reveals options based on user input (Yes/No).
- Ephemeral Session State: No data persistence. State management is handled entirely via volatile JavaScript variables.
- Progressive Navigation: "Back" and "Restart" buttons to allow users to rethink their choices without reloading the page.
- Print-Friendly Results: A specific CSS print media query to allow users to print their finalized worry resolution plan cleanly.
- Keyboard Accessibility: Full tab navigation support to ensure users can navigate the tree without a mouse if necessary.
UI/UX Specification
- Aesthetic: Minimalist, calming design.
- Color Palette:
- Background:
#f8fafc(Cool Gray) - Primary Accent:
#3b82f6(Soft Blue) - Secondary Accent:
#10b981(Calm Green for positive outcomes) - Text:
#1e293b(Dark Slate for readability) - Container:
#ffffff(White, with soft drop shadows)
- Background:
- Animations:
- Use CSS transitions for opacity and transform (fade-in/slide-up) whenever the content block updates.
- No jarring movements; all transitions should be
ease-in-outat0.3sduration.
- Layout:
- Centered card layout with a maximum width of 600px.
- Large, distinct buttons with generous padding for a tactile feel.
- Clear progress indicator at the top of the card.
Technical Implementation Directives
- Single File Structure: All CSS and JavaScript must be embedded within a single HTML file. External dependencies (like Tailwind via CDN) are permitted.
- State Management: Use a JavaScript object to hold the flow steps. The app should re-render the view by updating the DOM innerHTML based on the current "step" variable.
- Sandboxed Compatibility:
- Do not use
localStorage,sessionStorage, orcookies. - Do not use
alert(),confirm(), orprompt(). If interaction is needed, use a custom modal overlay within the DOM. - Ensure the application is responsive down to 320px width.
- Do not use
- Design Requirements:
- Strictly light mode only.
- Use high-contrast fonts (e.g., Inter or system UI stacks).
- No branding or external links other than necessary educational references (if any).
- Ensure the interface remains stable during window resizing.
Spread the word
Files being used
Frequently Asked Questions
Everything you need to know about using this application.
How does this worry tree tool work?
The worry tree is a therapeutic technique derived from Cognitive Behavioral Therapy (CBT). It works by helping you break down overwhelming worries into manageable components, allowing you to systematically identify whether a specific worry is practical or hypothetical. By guiding you through a series of logical questions, the tool encourages you to differentiate between problems you can solve right now and those that require acceptance or further planning. This process effectively interrupts the cycle of repetitive rumination and helps you focus your energy on actionable steps.
Is this tool private and secure?
This application is built with user privacy and data security as the top priority. Because it uses a client-side architecture and strictly prohibits the use of local storage, cookies, or remote databases, none of your input is ever saved, logged, or transmitted to any external server. Once you refresh the page or close your browser tab, all session data is permanently erased from your system's memory. You can use this tool with complete confidence knowing that your thoughts and reflections remain entirely private to your local device.
Who can benefit from using this tool?
This tool is effective for individuals experiencing cycles of overthinking, persistent rumination, or general anxiety. It is designed to assist when you feel stuck in a loop of "what if" scenarios, providing a structured framework to help you regain a sense of calm and perspective. Whether you are stressed about a specific upcoming event or experiencing an abstract sense of unease, the interactive flow helps clarify your thoughts. It serves as a helpful, grounding exercise for students, professionals, or anyone looking to process their anxieties in a structured, quiet environment.
Does this tool replace professional therapy?
While this tool uses evidence-based cognitive techniques, it is intended to be a supportive, educational, and self-help resource only. It is not a medical device and is not a substitute for professional mental health diagnosis, treatment, or clinical therapy. If your anxiety is severe, persistent, or interferes significantly with your daily life, please consult with a qualified medical professional or licensed therapist. This tool is designed to complement, not replace, personalized professional care and support.
