/battle

Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict line.

BOOST

manavarya09@manavarya09

GitHub

From plugin

designlang

4.2k14 skills14 commands

Install

> /plugin marketplace add manavarya09/design-extract
> /plugin install designlang@designlang

How it fires

How this command gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/battle

Context preview

What this command does when you run it.

Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict line.

Command definition

battle.md

description: Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict line.
argument-hint: <urlA> <urlB>

Pit two sites against each other and emit a single shareable HTML battle card.

npx designlang battle $ARGUMENTS

If `$ARGUMENTS` is empty or contains fewer than two URLs, ask the user for both sites.

Both sites are extracted in parallel (~30s total). Outputs land in `./design-extract-output/`:

`<a>-vs-<b>.battle.html` — the shareable card
`<a>-vs-<b>.battle.md` — markdown summary
`<a>-vs-<b>.battle.json` — structured scores

After the run:

1. Read the `*.battle.md` file 2. Show the user the verdict line ("X wins" / "tie") and the per-dimension table 3. Highlight the dimensions where the gap is widest 4. Offer to open the HTML card

This is pure viral content — battles are designed to be tweeted. Pair with `/grade <url> --badge` so each side has a permanent badge to link back to.

Read it on GitHub ↗

Ships withdesignlang

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

Get the whole plugin

Stats

JavaScript Tailwind shadcn/ui HTML CSS

+7 tags

Bash PHP GitHub Anthropic MCP Stripe Figma

4,182

Stars

353

Forks

Active

Maintenance

HTML