• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
damixnr

damixnr

OpenWardrobe

Remix of laurynas/ChatAppSDKStarter
Public
Like
OpenWardrobe
Home
Code
10
.vscode
.vt
backend
5
frontend
10
shared
3
.vtignore
AGENTS.md
README.md
deno.json
import_map.json
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://damixnr--019a4d300ace768ba5f2cf1cbecaa96f.web.val.run
README.md

Capsule Wardrobe Shopping List

Curate intentional capsules with persistent Val Town templates, OpenAI-completion friendly tools, and an interactive shopping checklist widget.

Tech Stack

  • Backend: Hono + MCP Lite + TypeScript capsule templates
  • Widget: React 19 + TanStack Router + OpenAI Apps SDK hydration
  • Shared Types: Zod schemas for structured content and widget state

Quick Start

  1. Visit your deployment URL to copy the /mcp endpoint.
  2. In ChatGPT, enable developer mode and add the MCP server with that endpoint.
  3. Try prompts such as:
    • "Create a professional women capsule for in the fall."
    • "Finalize the capsule shopping list with extra budget for shoes."

Available Tools

  • capsule_start({ style, budget, gender, season })
    Seeds a capsule configuration using persistent templates and scales category budgets.
  • capsule_generate_list({ capsule_id, preferences })
    Generates the full shopping list with category tracking, priority groupings, and widget hydration data.

Structured Content Contract

Both tools return discriminated unions that drive the widget:

s type CapsuleStructuredContent = | { kind: "capsule_overview"; capsule: CapsulePlan } | { kind: "capsule_shopping_list"; capsule: CapsulePlan };

CapsulePlan includes category allocations, priority-tagged items, totals, and preference metadata so the widget can render progress bars, badges, and persistent checkbox state.

Widget Highlights

  • Overview screen with budget progress, template notes, and preference highlights.
  • Shopping checklist with persistent checkboxes, live budget tallies, and export-to-txt.
  • Mobile-friendly layout with CSS progress bars and priority badges.

Next Steps

  1. Extend ackend/capsuleTemplates.ts with additional personas or seasons.
  2. Enrich capsule_generate_list with smarter preference adjustments (color palettes, exclusions, etc.).
  3. Update the widget styling or add alternative export formats (CSV, Notion, Airtable).
Code
.vscode.vtbackendfrontendshared.vtignoreAGENTS.mdREADME.mddeno.jsonimport_map.json
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.