Skip to content

Add SVG clothing illustrations for all wardrobe items#121

Open
raznar wants to merge 1 commit intoRperry2174:mainfrom
raznar:team_1/add-clothing-images
Open

Add SVG clothing illustrations for all wardrobe items#121
raznar wants to merge 1 commit intoRperry2174:mainfrom
raznar:team_1/add-clothing-images

Conversation

@raznar
Copy link
Contributor

@raznar raznar commented Feb 11, 2026

Summary

  • Generated 26 flat-design SVG illustrations for every clothing item in the wardrobe (10 tops, 8 bottoms, 8 shoes), each color-matched to the item's color property
  • Updated wardrobe.js to import all SVGs and add an image property to every item, enabling components to render visual cards instead of emoji-only placeholders
  • SVGs are organized under src/assets/clothing/{tops,bottoms,shoes}/ for easy discovery

Test plan

  • Verify all 26 SVG files render correctly in a browser
  • Confirm wardrobe.js imports resolve without errors when the dev server starts (npm run dev)
  • Check that components consuming TOPS, BOTTOMS, and SHOES can use the new image property to display clothing visuals

Made with Cursor

Generate 26 flat-design SVG images (10 tops, 8 bottoms, 8 shoes) matching
each item's color, and wire them into wardrobe.js via an `image` property
so components can render visuals instead of emoji-only cards.

Co-authored-by: Cursor <cursoragent@cursor.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant