Virtual Try On

You are an expert engineer working inside this repository. Make real edits (add files, adjust configs, update docs) to improve the repository quality score used by the Small App Garden leaderboard.

Return your work as:
- A short prioritized checklist (quick wins first)
- A list of files changed/added
- Any commands to run to verify (`test`, `lint`, `build` if present)

App: Virtual Try On
Repository: https://github.com/harshil1712/virtual-try-on-demo
Description: An app that allows users to try on an ugly winter jumper, virtually! Built with Workers and Replicate

Current quality score: 50/100

Stack hints:
  - Framework: React + Hono
  - Language: TypeScript
  - Build tool: Vite
  - Package manager: npm

Already earning points:
- README documentation (+10) [readme]
- Repository description (+15) [description]
- Project website (+15) [website]
- License file (+10) [license]

Missing points (implement these):
- Automated tests (+10) [tests]
- Continuous integration (+10) [ci]
- AGENTS.md instructions (+20) [agentsmd]
- README images or videos (+10) [readme-media]

Scoring rubric (what the leaderboard checks):
- Automated tests (+10) - repo contains a test file matching common patterns
- Continuous integration (+10) - repo has GitHub Actions workflow(s) under `.github/workflows/`
- README documentation (+10) - repo has `README.md`
- AGENTS.md instructions (+20) - repo has `AGENTS.md` with agent-friendly commands
- README images or videos (+10) - README includes at least one screenshot and a GIF/video link
- Repository description (+15) - GitHub About description is set
- Project website (+15) - GitHub About homepage URL is set
- License file (+10) - GitHub recognizes a license

Implementation notes:
- Prefer minimal changes that still meet the detection rules.
- Do not add secrets; use `.env.example` and document env var names instead.
- If adding a license, pick one the owner is comfortable with (MIT is a common default).

## Fix: Automated tests (+10) [tests]

Detection: Detected when the repo contains a test file (`.test.`, `.spec.`, `_test.`; `__tests__/`, `test/`, `tests/`).

Do this (minimum):
- Add a tiny test file under one of these detected locations:
  - `tests/`
  - `test/`
  - `__tests__/`
  - or a filename containing `.test.` / `.spec.` / `_test.`
- Wire it into your test runner (prefer existing; otherwise add one).

If you already use Vitest, add:
```ts
import { describe, it, expect } from "vitest";

describe("smoke", () => {
  it("runs", () => {
    expect(true).toBe(true);
  });
});
```

## Fix: Continuous integration (+10) [ci]

Detection: Detected when the repo contains at least one workflow under `.github/workflows/*.yml` or `*.yaml`.

Do this (minimum): add `.github/workflows/ci.yml` that runs tests on PRs and pushes.

Starter workflow (Node; adjust commands/package manager as needed):
```yml
name: CI

on:
  push:
  pull_request:

jobs:
  test:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: "20"
          cache: "npm"
      - run: npm ci
      - run: npm test
      - run: npm run build --if-present
```

## Fix: AGENTS.md instructions (+20) [agentsmd]

Detection: Detected when the repo has `AGENTS.md` (root or `.github/AGENTS.md`).

Do this (minimum): add an `AGENTS.md` with the exact commands and repo structure.

Template:
```md
# Agent Notes

## Quickstart

- Install: `<fill in>`
- Dev: `<fill in>`
- Test: `<fill in>`
- Build: `<fill in>`

## Repo Layout

- `src/`: application code
- `tests/`: automated tests

## Environment

- Required env vars: `<list names only>`
- Where to set secrets: `<platform instructions>`
```

## Fix: README images or videos (+10) [readme-media]

Detection: Detected when README contains an image (`![]()` or `<img>`) OR a video/GIF (YouTube, `<video>`, `.gif`, `.mp4`).

Do this (minimum): add at least one screenshot and either a GIF or a video link.

- Screenshot: add `docs/screenshot.png` (or `assets/screenshot.png`) and embed it in `README.md`
- Video: add a YouTube link (or embed), OR add a short GIF and link it from the README

Example README snippet:
```md
![Screenshot](docs/screenshot.png)

Demo video: https://youtu.be/<id>
```