DEV Community

Cover image for ClearTalk - coaching for the conversation you're about to have
vmx
vmx

Posted on

ClearTalk - coaching for the conversation you're about to have

The problem with communication style tools

Every communication framework follows the same playbook: take a quiz, get a type, read a description of yourself you mostly already knew. Then... nothing. You're on your own.

The part that actually matters - what do I say to this specific person in this specific moment? - gets hand-waved into "adapt your style."

ClearTalk starts where those tools stop.

How it works

No quiz required. No account. No sign-up.

  1. Pick a person you're about to talk to
  2. Answer 8 quick questions about how they communicate (~60 seconds)
  3. Choose the situation - feedback, request, conflict, pitch, or difficult news
  4. Get a coaching card - phrases to open with, pitfalls to avoid, what to expect, body language cues

If you want to go deeper, there's a 24-question self-assessment. But it's opt-in depth, not a gate.

60 seconds to clarity - 4 step flow: pick a person, 8 questions, choose the moment, get coaching

What the coaching actually looks like

Here's a real card for giving feedback to someone who processes quietly:

Open with:

  • "I want to check in on something - this is not a big deal, but I think we can improve it together."
  • "Your consistency on this has been solid. There is one area I would like us to look at."

Avoid:

  • Rapid-fire delivery - your natural pace will overwhelm them into silence
  • Mistaking their quiet nod for agreement - they may be shutting down

Their reaction:
"They will go quiet. This is processing, not agreement and not resistance. Give them 5-10 seconds of silence after your main point."

80 cards like this. 5 situations. Every combination of how two people communicate. Each one written for a specific pairing.

80 cards, 5 situations, every pair covered - 4x4 grid showing all 16 communicator combinations

The tech stack (for the curious)

Zero-backend PWA. Everything runs client-side.

Layer Choice Why
Framework Preact (~4KB) React API without the weight
Router wouter (~2KB) Tiny, hook-based
Build Vite + TypeScript strict Fast builds, type safety
Storage Dexie.js (IndexedDB) Structured client-side data with schema versioning
PWA vite-plugin-pwa + Workbox Offline-first, auto-updating SW
CSS Vanilla custom properties No framework, no runtime cost
Host Cloudflare Pages Free tier, global edge

Main bundle: ~58KB gzip. Coaching cards lazy-load per situation (~8KB each).

Lighthouse: 99 / 100 / 100 / 100 (performance / a11y / best practices / SEO)

WCAG 2.1 AA compliant across all routes. Keyboard and screen reader tested.

The coaching cards are code-split via dynamic import() and served through Workbox runtime caching (StaleWhileRevalidate) - so they cache on first access without bloating the initial load.

All data stays in IndexedDB. No telemetry, no analytics beyond Cloudflare's privacy-first page views. Export your data as JSON anytime.

Every coaching card also has a shareable public URL - like cleartalk.1mb.dev/insight/d-to-s/feedback - with social preview images tailored to that combination of communicators.

Try it

cleartalk.1mb.dev

Free. No sign-up. Runs offline. Your data stays on your device.

Source: github.com/1mb-dev/cleartalk

What situations do you find hardest to navigate - feedback, conflict, or something else?

Top comments (0)