CreaOrganise
AI goal planner
CreaOrganise turns any ambition into an achievable plan. Describe a goal and Claude drafts a strategy (five prioritised goals, each broken into tasks with deadlines) tailored to the personal context you’ve shared. It began as a drag-and-drop goal organiser; the recent work is all in the AI layer: strategy generation, per-goal task suggestions, and the production plumbing to run them safely, from quotas to structured output to graceful failures.
It’s positioned as a calm, premium workspace that replaces clutter with momentum: the product’s one job is to hand you a clear next step, never a wall of features. The core loop is deliberately simple. A big ambition breaks down into prioritised goals, then tasks, then a scheduled week, with progress visibly captured and gently celebrated along the way.
Stack & architecture
I designed the full stack: Next.js 15 with Supabase (Postgres + row-level security), an optimistic client store that updates instantly and reconciles in the background, and four Claude API routes unified behind structured output and an atomic, refund-on-failure quota system.
Visual design
I built the Momentum Ring identity and its calm design language: warm neutrals doing the structural work, Pine anchoring the brand, and Honey Amber reserved strictly as a signal for AI and milestone moments. A dual-font system (Manrope + IBM Plex Mono) and a single 24px, 1.75px-stroke icon family keep everything hyper-consistent.
Polish & finish
The finish is in the details: a responsive task sheet that becomes a bottom-drawer on mobile, forward-moving progress animations, celebratory completion moments, and coach-like microcopy that encourages without ever guilt-tripping. Every animation ships with a reduced-motion opt-out.
AI strategy generation
Describe one ambition and Claude returns five prioritised goals with deadlines via structured output. A short chat-style Q&A gathers context; a review step lets you keep, re-rank and tweak each goal before saving.
Personalised task suggestions
Per goal, Claude suggests tasks tailored to an “About you” profile prepended to every prompt. Accepted suggestions become real tasks, each carrying the model’s rationale into its notes.
Drag-and-drop weekly planner
A @dnd-kit calendar turns a prioritised task list into a scheduled week, and a recommended-tasks box surfaces what to do next by goal deadline and priority.
Production-grade AI plumbing
A per-user monthly quota is enforced atomically in a Postgres function; hitting the cap returns a 429 with a reset date, and a failed model call is auto-refunded so no one pays for an error.
Palette
Typography
Manrope carries display, body and interface; IBM Plex Mono is used strictly for labels, eyebrows and AI “typing” states, grounding the interface in technical exactness without ever becoming body text.
Signature details
- Amber is a signal, not a decoration: it appears only on AI and celebration moments, always paired with the sparkle.
- The Momentum Ring logo echoes the goal-card progress bars used throughout the app.
- Whitespace is treated as a functional feature, not empty space.
- A warm-neutral ground keeps the user’s own goal colours the loudest thing on screen.
- Four AI routes (strategy, tasks, follow-up goals, next steps) share one Claude (claude-opus-4-8) integration with structured output for typed, reliable responses.
- buildUserContext() compiles the user’s profile into an “About the user” block prepended to every prompt, so suggestions fit their life.
- Monthly quota lives in an atomic SECURITY DEFINER Postgres function with refund-on-failure; an in-memory 10/hour guard absorbs bursts.
- Strategies have a full lifecycle (active, then completed or archived), with follow-up goal generation that keeps the plan moving.
- Built on Next.js and Supabase (Postgres + RLS) with optimistic client state, so the UI updates instantly and reconciles in the background.
Like what you see?
I’m available for freelance work. Let’s build something together.