2026 · Design · Engineering · Writing
Dreamspace · Personal Site
The site you are reading: Astro + React islands, bilingual routes, an MDX content model, a Three.js dream core and a pull-rope learning race.
AstroReactThree.jsMDXTypeScript
Dreamspace build a dream that is bold and yours
Direction for the lost, a breather for the busy, and help for everyone who keeps growing.
Learning race Winston · 70%
Bilingual 中文 / EN
dreamspace.dev/learn
Stage 01 · AI Basics
Start With One Small Question
2 / 10Topics learned
✓Start With One Small Question
✓Output-Driven Learning
3Building a Compiled Second Brain
AI pair · Winston
❯ ▍
✓ Reader: a teammate new to AI
✓ Keep facts, no guessing
✓ 5 points + open questions
Dream Core
Which state are you in right now?
Scroll: the same cloud of particles goes from scattered, to rhythmic, to formed — like an idea becoming a product.
- ? 01 · Lost Not sure where to start? First, find one small problem worth solving. Start with a question →
- ◌ 02 · Busy Too busy, need a breather? Not every pause means falling behind. Read a little, then begin again. Pause here a while →
- ↗ 03 · Growing Ready to build what you learn? From AI basics to full-stack practice — turn learning into something you can ship. Find your next step →
Selected works
All works → Turning ideas into things that work
Each project states the problem, the approach and the result.
Learning path · 4 stages
All topics → From one question to a project of your own
Drawn from my learning methods, full-stack notes and AI coding practice. Finish a topic, mark “I learned this”, and move forward on the race.
Your position on the race · Topics learned 0 / 10
01AI Basics 02Method & Knowledge 03Full-stack & Tools 04Expression & Portfolio W 100%
Start With One Small Question
Stop chasing every new AI tool first. Frame one concrete problem in front of you, define clear boundaries, and start with a single verifiable exercise.
Output-Driven Learning
Move from question logs to mini-projects and clear writing so every concept passes through your own verification.
Building a Compiled Second Brain
Organize real materials across raw, wiki, and output layers—mastering synthesis and back-weaving before chasing complex vector tooling.
Learning Roadmap Handbook
Stop copying giant framework checklists. Design your own curriculum around goals, minimal loops, and stage deliverables.
Coding Workflow With AI
Structure context, invariants, incremental steps, and stop conditions so every AI-assisted code change stays bounded and verifiable.
How a Full-Stack Web App Works
Follow a single HTTP request across browser, server, and database so the whole system clicks before specializing.
Interface & Motion Workshop
Start from a visible screen, decompose layout relationships, extract real components, and add purposeful state motion.
Ship Your Own Small Tool
Connect a real need, clean UI, and durable data storage starting from one list, one form, and one state transition.
AI notes & essays
All notes → Recent writing
Learning methods, AI workflows, and a little margin beyond busyness.
Finishing One Small Thing Beats Planning Ten Grand Ones
Shrink the next step until you can ship it today.
→When Busyness Piles Up, Leave Yourself a Little Margin
Not every pause needs to be apologized for as falling behind.
→A Bookmark Folder Is Not a Second Brain
What compounds over years is never saved URLs—it is verified personal judgment.
→
About
Hi, I am DreamerWinston
A full-stack coder who builds tools with AI and learns through projects
I am DreamerWinston, a coder who builds tools with AI and learns by shipping projects.
I connect sources, questions, practice and output into a second brain, and I leave room for pauses, reflection and new choices along the way.
10Topics
40Lessons
3Essays
70%My race position