# Downstream consumption — v0 demo

This folder is **proof that the `design.md` output is portable across AI builders**.
The skill itself runs in Claude (because it's a Claude Skill), but the *output* is
plain Markdown + JSON — any AI tool can consume it.

## What's here

`screenshot.png` — a screenshot of a running app at
**https://v0-anydesignexample.vercel.app/**, generated by [v0](https://v0.dev) from a
`design.md` produced by this skill.

The flow was:

```
visual source  ──►  anydesign skill  ──►  design.md + design-tokens.json
                                              │
                                              ▼
                                         paste into v0
                                              │
                                              ▼
                                       https://v0-anydesignexample.vercel.app/
```

## Why this matters

A common worry with Claude-specific skills is lock-in: "great, I have output that only
Claude understands." That's not the case here. The `design.md` is structured Markdown
with explicit token tables and the `design-tokens.json` is the W3C DTCG standard.
Anything that reads Markdown — v0, Lovable, Cursor, ChatGPT, Bolt, Claude Code,
Windsurf, a human designer in Notion — can use the deliverable.

## Try it yourself

1. Run the skill in Claude on any visual source you like.
2. Open v0.dev (or Lovable, Bolt, Cursor — anything that takes natural-language briefs).
3. Paste the contents of `design.md` as the project brief.
4. Iterate on the result in that tool — you have a strong baseline to start from.

The site in `screenshot.png` was built with that exact workflow, no manual reshaping
of the design.md before pasting.
