cinetic
코드에서 만든 시네마틱 런치 영상과 모션 디자인을 코딩 에이전트가 연출합니다
플레인 텍스트 와이어프레임으로 LLM이 작성하기 쉽고 SVG·PNG로 빠르게 렌더링, 메모와 다중 화면 보드 제공
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.
디자인TypeScript · HTMLGitHub @tsquare-js온라인운영자 미확인
써 보셨어요? 한 번만 눌러 주세요. 로그인은 필요 없어요.
아직 감지된 업데이트가 없습니다. GitHub 릴리스가 나오면 여기에 보입니다.
The tsquare website: landing page, playground, docs and render URLs for tsquare.dev
README 전체를 불러오는 중입니다.
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.