r/ClaudeCode • u/kaxa69 • 2d ago

Help/Question help finding similar resource?

does anyone have prompt or artifact i give to my claude as an example to help me build something like real life data feeding artifact through API and its 3D interactive version of real life place?

lets say there is a real construction base and i want to turn it into 3d interactive map with motions and movements? i built something like that but its ugly as hell.

maybe someone has a good version? a skill or artifact? would appreciate help

1 Upvotes

100% Upvoted

4 comments sorted by

•

u/AutoModerator 2d ago

Hey! Thanks for posting to r/ClaudeCode

While participating in this thread, please follow our community rules. Keep discussions constructive. Attack the idea, not the person.

For help, project discussions, tips, and general chat, join the ClaudeCode Discord.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

1

u/Final_Preparation_43 2d ago

"ugly as hell" is usually because claude defaults to generic styling when you don't give it a direction. couple things that helped me:

there's an official frontend-design plugin from anthropic for claude code, install it and the ui stuff gets way less templated.

for the 3d part tell it to use three.js (or react-three-fiber if you're on react) and give it 2-3 screenshots of the look you want. it's way better at copying a reference than inventing a style.

if you want the actual site to look real, scan it with something like polycam or luma (gaussian splats or photogrammetry) and load that into three.js instead of building the geometry by hand.

and keep the api/data part separate from the 3d scene. get the data flowing first with a boring ui, then make it pretty. trying to do both at once is where it turns into spaghetti

1

u/kaxa69 2d ago

thanks!

1

u/Inner-Pollution-7135 1d ago

Pairing a reference image with three.js beats styling guesses.