← BackAI Product Design · 2025

Reframe

Observe and reframe your thoughts

Product Design · Engineering · 2025

Reframe

Problem

Cognitive reframing is evidence-based. The tools for it aren't.

Reframe is a focused PWA for one job: take a difficult feeling, identify the cognitive distortion, and rewrite the thought. Five steps, measurable before/after.

Start with the feeling

Start with the feeling

Rate the intensity. Name the emotion. This isn't a journal — it's a structured protocol from CBT, simplified into five taps.

Identify the distortion

Identify the distortion

All-or-nothing thinking? Catastrophizing? Mind reading? Select the pattern — then see what a reframe could look like.

Rewrite and measure

Rewrite and measure

Write the reframed thought. Rate the intensity again. The before/after delta is the evidence that the exercise worked.

Flow

Five steps to a reframe

Thought

Thought

Filled

Filled

Distortions

Distortions

Stack & Tools

AI

Claude CodeClaude (Sonnet)

design

Figma

code

Vanilla HTML / CSS / JSAlbert Sans

infra

PWA manifest + service worker

Reflection

What I’d revisit

The linear flow works for single episodes but doesn't help with recurring patterns. Needs a history view showing which distortions appear most — turning isolated exercises into longitudinal insight.