How do I install the Kosaki08 Uimatch Uimatch Text Diff skill?

Run npx skillmds@latest add tomevault-io/kosaki08-uimatch-uimatch-text-diff in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Kosaki08 Uimatch Uimatch Text Diff skill do?

uiMatch Text Diff Skill It is listed under Coding & Dev Tools on SkillMD.

Is Kosaki08 Uimatch Uimatch Text Diff safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Kosaki08 Uimatch Uimatch Text Diff?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Kosaki08 Uimatch Uimatch Text Diff free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Kosaki08 Uimatch Uimatch Text Diff?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Kosaki08 Uimatch Uimatch Text Diff by tomevault-io

Name: Kosaki08 Uimatch Uimatch Text Diff
Author: tomevault-io

File contents

uiMatch Text Diff Skill

Purpose

Compare two pieces of text (e.g. Figma label vs implementation text) and classify how different they are.

Use this skill to:

detect copy mismatches (labels, button text, headings)
distinguish between “only casing/whitespace changed” vs “actual wording changed”
perform cheap checks without running browser comparisons

Environment / assumptions

Run commands from the repository root.
@uimatch/cli is installed as a devDependency.
Node.js 20+ is available.

This skill does not require Figma API or Playwright.
FIGMA_ACCESS_TOKEN and browser installation are not needed here.

Command usage

npx uimatch text-diff "<EXPECTED_TEXT>" "<ACTUAL_TEXT>" [--case-sensitive] [--threshold=<0-1>]

Notes:

Options must use = syntax, for example: --threshold=0.8.
Output is JSON with fields:
- kind: "exact-match" | "whitespace-or-case-only" | "normalized-match" | "mismatch"
- similarity: 0.0 - 1.0 similarity score
- expected, actual
- normalizedExpected, normalizedActual

Examples

# Only case/whitespace differences
npx uimatch text-diff "Sign in" "SIGN  IN"

# Typo but still similar
npx uimatch text-diff "Submit" "Submt" --threshold=0.6

# Full-width vs half-width
npx uimatch text-diff "Button123" "Button１２３"

The CLI applies:

Unicode NFKC normalization
Whitespace collapsing
Lowercasing (unless --case-sensitive is given)

How Claude Code should use this skill

Typical flow:

Extract two text strings:
- e.g., from Figma JSON / spec vs DOM textContent
Run uimatch text-diff with those strings.
Parse JSON output and:
- report kind and similarity
- explain whether differences are only formatting (whitespace-or-case-only) or real content changes (mismatch)

Use this skill:

when a user suspects copy differences
when visual diff is too noisy but text differences matter
as a complement to compare results (to explain text-related discrepancies)

For pixel-level comparison, use uimatch-compare or uimatch-suite instead.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: kosaki08-uimatch-uimatch-text-diffdescription: uiMatch Text Diff Skill---# uiMatch Text Diff Skill## PurposeCompare **two pieces of text** (e.g. Figma label vs implementation text) and classify how different they are.Use this skill to:- detect copy mismatches (labels, button text, headings)- distinguish between “only casing/whitespace changed” vs “actual wording changed”- perform cheap checks without running browser comparisons---## Environment / assumptions- Run commands from the repository root.- `@uimatch/cli` is installed as a devDependency.- Node.js 20+ is available.This skill does **not** require Figma API or Playwright. `FIGMA_ACCESS_TOKEN` and browser installation are not needed here.---## Command usage```bashnpx uimatch text-diff "<EXPECTED_TEXT>" "<ACTUAL_TEXT>" [--case-sensitive] [--threshold=<0-1>]```Notes:- Options must use `=` syntax, for example: `--threshold=0.8`.- Output is JSON with fields: - `kind`: `"exact-match" | "whitespace-or-case-only" | "normalized-match" | "mismatch"` - `similarity`: `0.0 - 1.0` similarity score - `expected`, `actual` - `normalizedExpected`, `normalizedActual`### Examples```bash# Only case/whitespace differencesnpx uimatch text-diff "Sign in" "SIGN IN"# Typo but still similarnpx uimatch text-diff "Submit" "Submt" --threshold=0.6# Full-width vs half-widthnpx uimatch text-diff "Button123" "Button１２３"```The CLI applies:- Unicode NFKC normalization- Whitespace collapsing- Lowercasing (unless `--case-sensitive` is given)---## How Claude Code should use this skillTypical flow:1. Extract two text strings: - e.g., from Figma JSON / spec vs DOM `textContent`2. Run `uimatch text-diff` with those strings.3. Parse JSON output and: - report `kind` and `similarity` - explain whether differences are only formatting (`whitespace-or-case-only`) or real content changes (`mismatch`)Use this skill:- when a user suspects copy differences- when visual diff is too noisy but text differences matter- as a complement to `compare` results (to explain text-related discrepancies)For pixel-level comparison, use `uimatch-compare` or `uimatch-suite` instead.---> Converted and distributed by [TomeVault](https://tomevault.io/claim/kosaki08) — claim your Tome and manage your conversions.

Frequently asked questions

Kosaki08 Uimatch Uimatch Text Diff