FieldNote 004

Craig pixel avatar Computer pixel avatar
Project Title
Floating Thoughts
Project Type
Student Learning Tool / Task Chunking Workflow
Terrain
Executive Functioning / Classroom and Homework Support
Toolchain
HTML, CSS, JavaScript, AI Chunking Endpoint, Web Deployment
Time to Prototype
~1 focused working session
Record
Live tool behaviour distilled into reusable design moves

The Result

Public link: https://tools.theuniversalsandpit.org/floating-thoughts

Screenshot of Floating Thoughts showing draggable task chunk cards

The Goal

Many students can explain what they need to do, but still feel blocked when a task is large and unstructured. The challenge is turning that "big blur" into manageable steps without adding more stress.

Floating Thoughts was built to convert one task description into practical chunks, then let students reorder and colour-code those chunks in the sequence that works for their own thinking style.

Conversation Strategy

  1. Start from student friction: focus on initiation barriers and overwhelm, not just productivity.
  2. Design a simple first flow: describe task or upload file, click one action button, receive immediate chunks.
  3. Prioritise reorganisation: make every chunk draggable so students can build their own order of operations.
  4. Add lightweight categorisation: include colour dots for quick visual grouping without forcing rigid labels.
  5. Close the loop with export: generate a clean numbered output and copy it to clipboard for next-step use.

Dialogue Excerpt

Infrastructure Notes

Input Paths: task text field plus file attachment support for .txt, .pdf, .doc, and .docx inputs.
Chunking Endpoint: POST request to /floating-thoughts/chunk-task returning a list of chunks.
Interaction Model: draggable thought cards with both desktop drag events and touch handlers for mobile.
State Handling: chunk order and card colours stored in-memory and re-rendered after each interaction.
Output Flow: generated numbered plan panel with clipboard copy action and fallback copy support.
Maintenance Pattern: iterative UI patches around one-page app architecture.

Reusable Pattern

You could use this pattern to…

Back to Home →