PROJECT · NEXT.JS

A cozy star-collecting game, fully systemized

RoleGame designer, visual design, development
StackNext.js

Star Crossed is a cozy, nocturnal mobile game concept: collect stars, fuse them in the Star Lab, and arrange them on a constellation canvas, with an I-Spy minigame and a stardust economy holding it together. It's the softest thing I make, and it got the most rigorous system I've ever built for a personal project.

THE GAME

Collect, fuse, and place the night sky

The Sky is the constellation canvas, where collected stars get placed into figures like the Lyre. The Star Lab is where fusion happens: pick 2 stars, set them in a cradle, and wait out an ignition timer against real odds for something new. The Codex tracks the collection, 42 stars across 5 rarities with shinies for the completionists, and an I-Spy minigame earns the stardust that funds all of it. There are even booster pack designs, because a collecting game deserves the ritual of opening something.

THE SYSTEM

A design system an AI can build from

The "fully systemized" part is the real project. Star Crossed has a complete CSS token system and component library, documented in a DESIGN-SYSTEM.md written specifically for Claude Code, so the AI building alongside me ships components that match the system instead of approximating it. The star roster is its own labor of love: all 42 fictional stars are mapped to real astronomy in a STAR-ROSTER.md.

This is where I test how far documentation can carry a build. If a design system is written well enough, an AI can hold it, and the proof is every screen on this page.

Coming soon

  1. Transitioning all original Claude styles to custom design system

  2. Updating all assets to custom SVGs

  3. Translating app to function as an iOS app for the App Store