# Ship something with Workshop

## Make this beautiful

Start with [the design workflow](../scripts/DESIGN-WORKFLOW.md). Reuse the
project's direction, create the imagery it needs and inspect the implemented screen.
Try [Atelier](atelier-workspace/README.md) for a complete editable example.

## Finish an interface

Inputs: an existing repository and the main user flow.
Start with the [complete invoice project](finish-starter/README.md). Open the
[starting screen](finish-starter/starter/index.html) or [worked reference](finish-starter/finished/index.html).
Read its TASK.md and use the included keyboard-paths skill. On your own project,
combine async-ui-states, keyboard-paths and interruptible-interactions as needed.
Run `node calibrate.mjs /path/to/project` from the starter folder to inventory
components, routes and styles; the agent must inspect the actual files next.
Done: responsive flow; search/filter/empty state; loading/error/retry; keyboard;
actual checked output. Do not infer behavior from appearance.

## Launch a product

Inputs: actual product, intended buyer, price, delivery and purchase URL.
Read .agents/SKILLS.md. Use launch-copy-kit, claim-evidence-review and
launch-readiness. Produce a landing page, screenshot capture list, 30-second
demo script and three channel-specific launch drafts. Every claim must trace
to supplied evidence. Check the price, deliverables and checkout agree.
Done: a working page, concrete offer, verified links, captured product proof,
and an explicit list of unresolved claims. Prepare files; do not publish unless
that is part of the user's task.

## Make a product film

Inputs: product flow, audience, aspect ratio, available screenshots and assets.
Read .agents/SKILLS.md and select the film and animation skills for this stack.
Storyboard one useful result, build an editable animation project, render the
requested format, and inspect the exported first/middle/last frames and timing.
Done: actual export, legible type, checked pacing, editable source and render
instructions. If the renderer is unavailable, say so instead of claiming a film.
The agent and any rendering/model services are separate from Workshop.

## Use Workshop and Brief together

1. Ask Workshop to finish one flow and run its completion checks.
2. Keep that change as a tracked Git diff. Stage new files if you want them in Brief.
3. Install the separately purchased Brief skill, then ask: "Brief this change."
4. Inspect its before/after scenarios and source references.
5. Run the requested checks. Attach real logs or screenshots with their origin.
6. Render with `--preset client` for a client delivery note; review before sending.

[Try the public Brief case](https://www.rival.tips/brief/start).