cinetic
Cinematic launch films and motion design from code, directed by your coding agent.
Wireframes in plain text: easy for LLMs to write, fast to render as SVG or PNG. Multi-screen boards with notes, ready for your docs.
DesignTypeScript · HTMLGitHub @tsquare-jsOnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
No updates detected yet. GitHub releases will appear here.
The tsquare website: landing page, playground, docs and render URLs for tsquare.dev
Loading the full README.
Read the full README ↗The website for tsquare: the landing page, the hosted playground, the docs, and render URLs. Deployed on Vercel.
The language, the renderer, the playground and the docs' Markdown live in the tsquare repo. This repo only hosts them, using a pinned version of the tsquare package, so rendering on the site changes only when that version is bumped.
| Path | What it is |
|---|---|
/ | landing page (src/landing.html), with the installed tsquare package's examples rendered live |
/playground | the playground page shipped in the tsquare package |
/docs/… | the tsquare repo's docs/, as HTML, plus the site's own pages in src/docs/ (other tsquare products, like the VS Code extension, which don't wait for a tsquare release) |
/svg/<data>, /png/<data>?scale=2 | render URLs (api/image.ts) |
/api/reference, /api/render, … | the playground's endpoints (api/playground.ts, the package's handler) |
/mcp | the hosted MCP server (api/mcp.ts, Streamable HTTP) |
<data> is the wireframe text, deflated and base64url-encoded, with a z in front: "z" + base64url(deflateRaw(text)). The prefix names the encoding, so a new format can use another letter without breaking links people have already embedded. Don't change what an existing prefix means.
Invalid wireframes return an SVG listing the problems, so a broken embed says why.
npm install
npm run build # build public/ (fetches the docs from GitHub)
DOCS_DIR=../tsquare npm run build # or use the docs in a local checkout of the tsquare repo
npm run dev # http://localhost:3000, same routes as vercel.json
The docs are fetched from the tsquare repo at the commit npm recorded for the installed version (gitHead), so the docs always match the renderer.
tsquare version from the tsquare repo.npm install --save-exact tsquare@<version>, npm run build, check npm run dev.The MCP server is listed in the official MCP Registry as dev.tsquare/tsquare, from server.json. Published versions can't be edited, only hidden, so a change means a new version.
The registry checks that the publisher controls tsquare.dev through a TXT record at the domain's root (v=MCPv1; k=ed25519; p=…, in Squarespace). Keep that record: every publish logs in with it. The matching private key is not in this repo; it's at ~/.config/mcp-registry/tsquare.dev.pem on the maintainer's machine, with a copy in 1Password.
To publish a new version (needs brew install mcp-publisher openssl@3):
server.json, including version (it matches the tsquare version /mcp reports).zsh scripts/publish-mcp-registry.sh: logs in, validates, shows the file and asks before publishing.server.json, so the repo matches what's published.MIT.