One Shot UI

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/tn0123-one-shot-ui

About

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.

Tools

7 read · 0 write · 0 deleteRead-only

Secrets

None asked for

Install scripts

Not scanned yet

Runs as

Node.js package

Tools (7)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

• compareCompare a build against a reference screenshotread-only

  Deterministically diff an implementation screenshot against a reference screenshot. Returns a pixel-mismatch ratio, width/height deltas, a ranked list of structural issues (missing/extra elements, position, size, color, shadow, spacing), an irreducible-mismatch floor so you know when further pixel-chasing is futile, AND a `spacing[]` array of high-trust, directly-CSS-able sizing/spacing deltas (top-bar/band heights, content-column left edges, gutter widths) measured by pixel projection — use these to close sizing/spacing gaps exactly. Inputs are image file paths (PNG/JPG); the same inputs alwa…

• convergeClosed-loop optimize a live build's CSS to pixel-match a referenceread-only

  The highest-trust path to a pixel-perfect build. Loads your implementation (HTML file or URL) in a controlled headless browser, trials candidate CSS fixes one at a time (geometry, colors, typography, effects — seeded from the reference's measured structure and pixels), keeps ONLY changes that measurably reduce real pixel mismatch against the reference screenshot, and returns a verified CSS patch plus before/after mismatch numbers. Unlike suggest_fixes, every returned declaration is already proven against your actual build — apply the patch values to your source, rebuild, and re-run until the v…

• extractExtract structured design data from a screenshotread-only

  Analyze a single reference screenshot into structured data an agent can build from: layout regions (position/size), dominant colors, typography, spacing, a suggested implementation strategy, and a `rulers` block of deterministic projection measurements (background-zone band heights, content-column edges + widths, gutter widths) — build to these exact values to get sizing/spacing right the first time. Returns a compact summary by default; set full=true for the complete report. Input is an image file path.

• planGenerate an implementation strategy from a screenshotread-only

  Generate a suggested implementation plan (layout strategy, CSS primitives, repeated patterns, typography notes) from a reference screenshot. Input is an image file path.

• style_checkCheck a new UI conforms to a reference's design language (style transfer)read-only

  Deterministically check whether a NEW build adopts the design LANGUAGE of a reference screenshot — palette, spacing rhythm, type scale, roundedness, elevation — rather than reproducing it pixel-for-pixel. Use this when copying the *style/aesthetic* of a screenshot onto different content or layout (contrast with `compare`/`converge`, which pixel-match the SAME screen). The reference is always a screenshot; the new build is measured from real computed CSS when you pass an http(s) URL or an HTML file (exact), or from a screenshot as a lossy fallback. Returns per-dimension verdicts: palette/spacin…

• suggest_fixesGet ranked fix suggestions from a diffread-only

  Diff a build against a reference and return concrete, ranked fix observations (size, color, shadow, spacing) with values measured from the reference. Selectors are only emitted when they resolve from real DOM; for screenshot-only input the fixes are region-anchored observations with capped confidence rather than guessed selectors. Inputs are image file paths.

• tokensExtract design tokens + a reusable style system from a screenshotread-only

  Extract the design language of a reference screenshot: the flat `tokens` list (colors, spacing, radii, font sizes/weights, shadows) PLUS a structured `styleSystem` — palette split into neutrals vs accents, the base spacing unit, the type-size scale and its modular ratio, named radius and elevation scales. Use this to copy a UI's *style/aesthetic* onto new content. The values are measured deterministically; it deliberately does NOT name semantic color roles (primary/accent/surface) or classify mood — assign those yourself from the image. Pass `emit` to get paste-ready shadcn CSS variables or a …

Signals

Stars

6

Forks

0

Open issues

0

Last commit

Jul 18, 2026 (3 months ago)

Last release

Jun 2, 2026 (4 months ago)

From GitHub (fetched Oct 24, 2026).

Details

Registry name

io.github.TN0123/one-shot-ui

Version

0.7.0

Auth

No auth

Packages

npm one-shot-ui

License

MIT

Repository

github.com/TN0123/one-shot-ui

First seen

Oct 24, 2026

Last checked

Oct 24, 2026

Source

Official MCP Registrygithub-graphql