Life OS UX Design Self-knowledgeAutoconhecimento Cycle-awareConsciente do ciclo Vanilla JS Supabase
Personal project · 2026 Projeto pessoal · 2026

Meu Oráculo
Pessoal

A personal life operating system that integrates self-knowledge, cyclical awareness, neuroscience, and project management into one daily tool. Um sistema operacional de vida pessoal que integra autoconhecimento, consciência cíclica, neurociência e gestão de projetos em uma ferramenta diária.

ClientCliente
Personal projectProjeto pessoal
YearAno
2026
RoleFunção
Designer + DeveloperDesigner + Desenvolvedora
PlatformPlataforma
Web SPA
Main ToolsFerramentas
HTML/CSS/JS, Supabase, Claude
Status
Active / In useAtivo / Em uso
"Not a planner. Not a horoscope app. A personal oracle that knows who you are and tells you why each thing matters today." "Não é um planner. Não é um app de horóscopo. Um oráculo pessoal que sabe quem você é e te diz por que cada coisa importa hoje."
The design intent A intenção do design
01. Origin01. Origem

Five ventures, three anchors,
and no app for that.
Cinco projetos, três âncoras,
e nenhum app pra isso.

In early 2026, I found myself running five projects simultaneously: a product launch, mentoring sessions, a course in development, a creative venture, and freelance consulting. I loved all of them. But I couldn't see the whole picture.

No início de 2026, eu me vi tocando cinco projetos simultaneamente: um lançamento de produto, mentorias, um curso em desenvolvimento, um projeto criativo e consultoria freelance. Eu amava todos eles. Mas não conseguia enxergar o quadro completo.

I also use astrology, numerology, and body awareness as tools for self-knowledge and decision-making. None of the productivity apps on the market integrate these layers. They treat life as a flat list of tasks, ignoring that energy, creativity, and focus fluctuate in cycles.

Eu também uso astrologia, numerologia e consciência corporal como ferramentas de autoconhecimento e tomada de decisão. Nenhum app de produtividade no mercado integra essas camadas. Eles tratam a vida como uma lista plana de tarefas, ignorando que energia, criatividade e foco flutuam em ciclos.

I needed a system that could hold the whole picture:projects, wellbeing practices, self-knowledge data, and cyclical awareness. Not four different apps. One oracle.

Eu precisava de um sistema que pudesse conter o quadro completo:projetos, práticas de bem-estar, dados de autoconhecimento e consciência cíclica. Não quatro apps diferentes. Um oráculo.

"No app does this. So I built my own."

"Nenhum app faz isso. Então eu construí o meu."

The moment the project started O momento em que o projeto começou
02. The Problem02. O Problema

How do you organize a life
that runs on five different engines?
Como organizar uma vida
que funciona com cinco motores diferentes?

Productivity tools treat life as a list of tasks. Astrology apps give you a daily vibe check. Journaling tools capture feelings but don't connect them to action. Neuroscience-based tools focus on habits but ignore context. None of them treat the user as a whole person, with a body that has cycles, a mind that has patterns, and a life that has seasons.

Ferramentas de produtividade tratam a vida como uma lista de tarefas. Apps de astrologia dão um check de vibe diário. Ferramentas de journaling capturam sentimentos mas não os conectam à ação. Ferramentas baseadas em neurociência focam em hábitos mas ignoram contexto. Nenhuma delas trata o usuário como uma pessoa inteira, com um corpo que tem ciclos, uma mente que tem padrões, e uma vida que tem estações.

I needed one system that could answer: What should I focus on today, given who I am, what I'm building, how my energy levels are, and where the bigger picture is pointing?

Eu precisava de um sistema que pudesse responder: No que eu deveria focar hoje, dado quem eu sou, o que estou construindo, como está minha energia, e para onde o quadro maior está apontando?

03. Framework03. Framework

Four dimensions
of a whole life.
Quatro dimensões
de uma vida inteira.

The app is structured around four existential questions that together form a complete life operating system. Each dimension has its own data sources, rituals, and tracking mechanisms.

O app é estruturado em torno de quatro perguntas existenciais que juntas formam um sistema operacional de vida completo. Cada dimensão tem suas próprias fontes de dados, rituais e mecanismos de rastreamento.

🔮
Who am I? Quem eu sou?
A self-knowledge layer built from natal chart, numerology, and yearly transits. Four tabs deep: synthesis, numerology, astral map, annual forecast. The fixed identity and the moving sky. Uma camada de autoconhecimento construída a partir do mapa natal, numerologia e trânsitos anuais. Quatro abas de profundidade: síntese, numerologia, mapa astral, previsão anual. A identidade fixa e o céu em movimento.
🌳
What keeps me alive? O que me mantém viva?
Non-negotiable wellbeing anchors: movement, creativity, spirituality, therapy, studies, self-care. Each one configurable and tracked with neuroendocrine impact tags. Âncoras inegociáveis de bem-estar: movimento, criatividade, espiritualidade, terapia, estudos, autocuidado. Cada uma configurável e rastreada com tags de impacto neuroendócrino.
🚀
What am I building? O que estou construindo?
Multiple ventures managed in parallel, each with phase tracking, milestones, energy cost, and next action. A project dashboard that respects capacity, not just deadlines. Múltiplos projetos gerenciados em paralelo, cada um com rastreamento de fase, marcos, custo energético e próxima ação. Um dashboard que respeita capacidade, não só prazos.
🌌
Where am I going? Para onde estou indo?
Current astrological transits, annual forecasts, and guiding questions. The temporal layer that shapes what to prioritize now vs. later, based on the user's own map. Trânsitos astrológicos atuais, previsões anuais e perguntas-guia. A camada temporal que molda o que priorizar agora vs. depois, baseada no mapa do próprio usuário.
04. Design & Screens04. Design & Telas

Five rituals,
five screens.
Cinco rituais,
cinco telas.

Each screen serves a specific moment in the day or week. The UI follows a principle of calm density: enough information to orient, not enough to overwhelm.

Cada tela serve a um momento específico do dia ou da semana. A UI segue um princípio de densidade calma: informação suficiente para orientar, mas não para sobrecarregar.

☀️
01
Bom Dia Bom Dia
Morning ritual. Shows today's energy context, suggested anchor, oracle message, and one intention to set before starting the day. Ritual matinal. Mostra o contexto energético de hoje, âncora sugerida, mensagem do oráculo e uma intenção para definir antes de começar o dia.
🌙
02
Cycle + Moon Ciclo + Lua
Cyclical awareness layer. Tracks hormonal phases and lunar phases simultaneously. Each combination triggers contextual oracle guidance. Camada de consciência cíclica. Rastreia fases hormonais e fases lunares simultaneamente. Cada combinação dispara orientação contextual do oráculo.
📊
03
Dashboard
All five ventures at a glance. Status, next action, energy cost, and neuro-tag for each active project. Todos os cinco projetos de uma vez. Status, próxima ação, custo energético e neuro-tag para cada projeto ativo.
📝
04
Weekly Review Revisão Semanal
End-of-week reflection. What moved, what stalled, which neuro-tags dominated. AI-generated insights with origin tags (natal, numerology, pattern). Reflexão de fim de semana. O que avançou, o que travou, quais neuro-tags dominaram. Insights gerados com tags de origem (natal, numerologia, padrão).
💼
05
Job Tracker
Pipeline of opportunities. Status, contacts, follow-up dates. The career layer that connects to life goals. Pipeline de oportunidades. Status, contatos, datas de follow-up. A camada de carreira que conecta aos objetivos de vida.
05. Cycle + Moon05. Ciclo + Lua

The body has
its own calendar.
O corpo tem
seu próprio calendário.

This is the feature most productivity tools would never build. The app tracks two overlapping cycles: the hormonal cycle (5 phases with distinct energy profiles) and the lunar cycle (8 phases fetched in real-time from the U.S. Naval Observatory API). When they align, the system triggers contextual oracle messages.

Essa é a feature que a maioria das ferramentas de produtividade jamais construiria. O app rastreia dois ciclos sobrepostos: o ciclo hormonal (5 fases com perfis energéticos distintos) e o ciclo lunar (8 fases buscadas em tempo real via API do Observatório Naval dos EUA). Quando se alinham, o sistema dispara mensagens contextuais do oráculo.

🩸
Menstrual Menstrual
Inner winter. Rest, plan, don't force. Exercise: light only. Projects: review, don't execute. Priority: restorative anchors. Inverno interno. Descanse, planeje, não force. Exercício: leve. Projetos: revise, não execute. Prioridade: âncoras restaurativas.
🌱
Follicular Folicular
Spring. Creativity rising. Start new tasks, brainstorm, explore. Studies yield more now. The mind is open and curious. Primavera. Criatividade subindo. Comece tarefas novas, brainstorm, explore. Estudos rendem mais agora. A mente está aberta e curiosa.
🔥
Ovulatory Ovulatória
Summer. Peak energy. Record, publish, present. Intense workouts welcome. Communication and creative expression at their peak. Verão. Pico de energia. Grave, publique, apresente. Treinos intensos bem-vindos. Comunicação e expressão criativa no auge.
🍂
Luteal Lútea
Autumn. Close open cycles. Review, finalize, organize. Less socializing, more depth. The environment mirrors the internal. Outono. Feche ciclos abertos. Revise, finalize, organize. Menos socialização, mais profundidade. O ambiente espelha o interno.
🌊
Pre-menstrual Pré-menstrual
High sensitivity. Don't make big decisions. Wait 48h before abandoning any project. Restorative and reflective anchors are essential now. Sensibilidade alta. Não tome decisões grandes. Espere 48h antes de abandonar qualquer projeto. Âncoras restaurativas e reflexivas são essenciais agora.

"The system cross-references both cycles and generates contextual messages. For example, when a rest phase aligns with a new moon, the oracle suggests planting intentions instead of pushing execution."

"O sistema cruza os dois ciclos e gera mensagens contextuais. Por exemplo, quando uma fase de descanso se alinha com a lua nova, o oráculo sugere plantar intenções ao invés de forçar execução."

Design principle: cycle-aware oracle engine Princípio de design: motor de oráculo consciente do ciclo

This isn't wellness decoration. Each phase carries specific guidance for exercise, projects, and which wellbeing anchors to prioritize. The system includes a 48-hour rule for high-sensitivity phases: don't abandon any project until the phase passes. It's a design pattern for protecting long-term goals from short-term emotional fluctuations.

Isso não é decoração de wellness. Cada fase traz orientação específica para exercício, projetos e quais âncoras de bem-estar priorizar. O sistema inclui uma regra de 48 horas para fases de alta sensibilidade: não abandone nenhum projeto até a fase passar. É um design pattern para proteger objetivos de longo prazo de flutuações emocionais de curto prazo.

06. Neuro-Tagging06. Neuro-Tagging

Every action tagged
by what it costs your body.
Cada ação tagueada
por o que custa ao seu corpo.

Instead of categorizing actions by project or priority, the system tags every action by its neuroendocrine impact. This reveals hidden patterns, like spending an entire week on high-cortisol tasks while neglecting oxytocin-producing activities. The weekly review makes these imbalances visible.

Em vez de categorizar ações por projeto ou prioridade, o sistema tagueia cada ação pelo seu impacto neuroendócrino. Isso revela padrões ocultos, como passar uma semana inteira em tarefas de alto cortisol enquanto negligencia atividades produtoras de ocitocina. A revisão semanal torna esses desequilíbrios visíveis.

Cortisol
Stress responseResposta ao estresse
Deadlines, urgent tasks, conflict resolution. High energy cost, needs recovery after. Prazos, tarefas urgentes, resolução de conflitos. Alto custo energético, precisa de recuperação depois.
🌟
Dopamine Dopamina
Reward circuitCircuito de recompensa
Shipping features, completing milestones, learning something new. Motivating but addictive. Entregar features, completar marcos, aprender algo novo. Motivadora mas viciante.
🌿
Serotonin Serotonina
Stability & moodEstabilidade & humor
Routines, walks, cooking, organizing. Low intensity but essential for baseline wellbeing. Rotinas, caminhadas, cozinhar, organizar. Baixa intensidade mas essencial para o bem-estar base.
💜
Oxytocin Ocitocina
Connection & trustConexão & confiança
Mentoring calls, deep conversations, quality time. The hormone that makes effort feel shared. Calls de mentoria, conversas profundas, tempo de qualidade. O hormônio que faz o esforço parecer compartilhado.
07. Stack & Decisions07. Stack & Decisões

Zero dependencies.
One HTML file.
Zero dependências.
Um arquivo HTML.

A personal tool designed for maximum control and minimum maintenance. The architecture is whitelabel by design: all personal data lives in config.js (identity, astrology, projects, cycle phases, oracle messages), while the template lives in a single HTML file. Anyone could fork it, replace the config, and have their own life OS.

Uma ferramenta pessoal projetada para máximo controle e mínima manutenção. A arquitetura é whitelabel por design: todos os dados pessoais vivem no config.js (identidade, astrologia, projetos, fases do ciclo, mensagens do oráculo), enquanto o template vive em um único arquivo HTML. Qualquer um pode fazer fork, substituir o config e ter seu próprio OS de vida.

Vanilla HTML/CSS/JS
Frontend
No React, no Vue, no build tools. Single HTML file with inline CSS and JS. Opens instantly, editable anywhere. Sem React, sem Vue, sem build tools. Um único arquivo HTML com CSS e JS inline. Abre instantaneamente, editável de qualquer lugar.
Supabase
Backend + Auth
Postgres database with Row Level Security. Real-time sync, auth built-in. The simplest way to have a persistent backend. Banco Postgres com Row Level Security. Sync em tempo real, auth integrada. A forma mais simples de ter um backend persistente.
Claude
AI Co-Builder
Used Claude Code to scaffold, debug, and iterate on 6000+ lines of code. AI as a building partner, not a replacement. Usei Claude Code para scaffolding, debug e iteração em 6000+ linhas de código. IA como parceira de construção, não substituição.
Zero dependenciesZero dependências Single HTML fileUm único arquivo HTML Offline-first designOffline-first No build stepSem build step 6000+ lines of code6000+ linhas de código 60+ trackable actions60+ ações rastreáveis USNO moon phase APIAPI de fase lunar USNO Whitelabel architectureArquitetura whitelabel Cycle-aware UXUX consciente do ciclo
08. Results & Learnings08. Resultados & Aprendizados

What changed
when everything had a place.
O que mudou
quando tudo tinha um lugar.

1
Decision fatigue dropped A fadiga de decisão caiu
The "Bom Dia" ritual replaced 20 minutes of morning anxiety with a 2-minute check-in. The system already knows what matters today. O ritual "Bom Dia" substituiu 20 minutos de ansiedade matinal por um check-in de 2 minutos. O sistema já sabe o que importa hoje.
2
Neuro-tags revealed blind spots Neuro-tags revelaram pontos cegos
I was spending 80% of my week on cortisol-heavy tasks and almost zero on oxytocin. The weekly review made this visible for the first time. Eu gastava 80% da minha semana em tarefas pesadas de cortisol e quase zero em ocitocina. A revisão semanal tornou isso visível pela primeira vez.
3
Astrology became actionable Astrologia se tornou acionável
Instead of reading a horoscope passively, transit data now informs real decisions: when to push hard, when to rest, when to start new things. Em vez de ler um horóscopo passivamente, dados de trânsitos agora informam decisões reais: quando forçar, quando descansar, quando começar coisas novas.
4
Cycle awareness changed how I work Consciência do ciclo mudou como eu trabalho
The cycle-aware layer taught me to stop scheduling high-stakes work during low-energy phases and to stop judging slow days as failures. The 48-hour rule alone prevented impulsive decisions that would have killed ongoing projects. A camada de consciência cíclica me ensinou a parar de agendar trabalho de alto risco em fases de baixa energia e a parar de julgar dias lentos como fracassos. Só a regra de 48 horas já evitou decisões impulsivas que teriam matado projetos em andamento.
5
Building for yourself is the best UX exercise Construir para si mesmo é o melhor exercício de UX
When the user is you, every friction is felt immediately. No user testing delay. No assumption gap. The feedback loop is instant. Quando o usuário é você, todo atrito é sentido imediatamente. Sem atraso de teste de usabilidade. Sem gap de suposição. O loop de feedback é instantâneo.
09. Next Steps09. Próximos Passos

The roadmap
is the life itself.
O roadmap
é a própria vida.

AI-powered daily briefing:Use Claude API to generate a personalized morning summary based on transits + active projects + recent neuro-tag patterns. Briefing diário com IA:Usar Claude API para gerar um resumo matinal personalizado baseado em trânsitos + projetos ativos + padrões recentes de neuro-tags.
Seasonal review templates:Quarterly reflections aligned with astrological seasons and numerological cycles. Templates de revisão sazonal:Reflexões trimestrais alinhadas com estações astrológicas e ciclos numerológicos.
Neuro-balance alerts:Automated warnings when one neuroendocrine tag dominates for too many consecutive days. Alertas de equilíbrio neuro:Avisos automáticos quando uma neuro-tag domina por muitos dias consecutivos.
Mobile-first redesign:Optimize the single-file architecture for phone-first daily usage with PWA capabilities. Redesign mobile-first:Otimizar a arquitetura de arquivo único para uso diário phone-first com capacidades PWA.
Giuliana's role in this project Papel da Giuliana no projeto
"Designing a life operating system that integrates self-knowledge, project management, neuroscience, and cyclical awareness into one daily ritual, conceived, built, and used solo." "Projetar um sistema operacional de vida que integra autoconhecimento, gestão de projetos, neurociência e consciência cíclica em um ritual diário, concebido, construído e usado solo."
Designer + Developer · UX Strategy · Astrology Integration · Cycle + Moon Tracking · Neuro-Tagging Designer + Desenvolvedora · Estratégia de UX · Integração Astrológica · Rastreamento Ciclo + Lua · Neuro-Tagging
01
Designer conceiving, building & using soloDesigner concebendo, construindo e usando solo
6k+
Lines of code in a single HTML fileLinhas de código em um único arquivo HTML
60+
Trackable actions with neuro-tagsAções rastreáveis com neuro-tags
9
Integrated data layers (astral, neuro, cycle, lunar...)Camadas de dados integradas (astral, neuro, ciclo, lunar...)
Let's work togetherVamos trabalhar juntos
Interested in how I think
through complex systems?
Interessado em como eu penso
sistemas complexos?