Repo tools

The VelinStyle GitHub repository ships two static HTML tools for experimenting with tokens and components. They are not published as npm packages — clone the repo and open the files in a browser (or via any static server).

Theme Builder

OKLCH-based token editing and CSS export, located at tools/theme-builder/ in the repository.

Local: from a clone, open tools/theme-builder/index.html (double-click or npx serve at repo root).
Source on GitHub: github.com/SkyliteDesign/velinstyle/tree/main/tools/theme-builder

Playground

Split-view HTML/CSS playground with theme switch and snippet picker — tools/playground/.

Local: open tools/playground/index.html after cloning.
Source on GitHub: github.com/SkyliteDesign/velinstyle/tree/main/tools/playground

End-to-end tests (Playwright)

Command	Description
`npm run test:e2e`	Cross-browser WC smoke (Chromium, Firefox, WebKit)
`npm run test:e2e:chromium`	Chromium only (faster local check)
`npm run test:a11y:coverage`	Component contract coverage (36/36)

Requires npm run build first. Framework path: tests/e2e/.

Relation to the CLI

For production workflows (custom bundles, icons, blueprints, scan, tokens build), use the VelinStyle CLI from npm. The repo tools above are for design exploration only.

In the framework repo, run npm run test:a11y and npm run test:contrast before releases (0.7.0+).