🎨 Design

dream-loop

Name: dream-loop
Author: achimala

by achimala9 days ago1.5k

Build a game or app from a description so that a live screenshot matches a generated rendering. Use when the user says "dream loop" or asks for something built to a very high level of graphical fidelity.

Install

npx skills add https://github.com/achimala/dream-loop --skill dream-loop

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/achimala--dream-loop/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@MengTo

"This is a japanese house-tour landing page made in three.js with Fable 5.1 using the dream-loop skill. Live site: It's crazy how realistic it looks even though..."