randomittin

Designmatch — Testing skill for Claude Code

Testing community

Bootstrap the designmatch skill in a React Native project from a Claude Design link.

How to install Designmatch

Installs to ~/.claude/skills/randomittin-superx-designmatch/SKILL.md

Terminal

mkdir -p ~/.claude/skills/randomittin-superx-designmatch && curl -fsSL https://raw.githubusercontent.com/randomittin/superx/HEAD/commands/designmatch.md -o ~/.claude/skills/randomittin-superx-designmatch/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Designmatch does

name: designmatch description: Bootstrap the designmatch skill in a React Native project from a Claude Design link. Auto-imports the Visual QA stub helper (visual-qa.ts), writes default state.vqa.json, registers the canonical source, updates .gitignore, and prints the wiring snippet. Use when starting visual-parity work on a new RN screen or when the user pastes a Claude Design URL.

/hmd:designmatch — bootstrap designmatch in an RN app

What this command does

Auto-runs `designmatc

Alternatives in Testing

Design QA — Visual QA on an HTML/CSS implementation — checks responsive behavior at mobile/tablet/desktop, design token co 309 ★
Claude Code Video Toolkit — AI-native video production workspace for Claude Code with Remotion, ElevenLabs, FFmpeg, and Playwright skills 133 ★
Aios — Local-first AI agent bootstrap: Playwright Browser MCP + ContextDB for Codex CLI, Claude Code, Gemini CLI, and 52 ★