manavarya09__design-extract/commands/battle.md at feat/fidelity-loop

mirror of https://github.com/Manavarya09/design-extract.git synced 2026-09-19 02:41:14 +08:00

Files

T

Manav Arya Singh 0b76ab8b3f feat(v12.5): Claude Code plugin — five slash commands

Drop designlang straight into any Claude Code session as a plugin:

  /plugin install Manavarya09/design-extract

Every CLI verb becomes a slash command:

  /extract <url>                 — full extraction (DTCG, Tailwind, Figma)
  /grade <url> [--badge]         — shareable HTML report card + SVG badge
  /battle <urlA> <urlB>          — head-to-head graded battle card
  /remix <url> --as <vocab>      — restyle in 6 vocabularies
  /pack <url>                    — bundle every output into one directory

What changed:

- New commands/ directory with five slash-command manifests
  (description + argument-hint frontmatter, prompt body wraps CLI and
  surfaces a tight summary).
- Refreshed .claude-plugin/plugin.json (was stale at v1.0.0):
  name → designlang, description rewritten to cover all v12 surfaces,
  added "commands": "./commands/" pointer, expanded keywords.
- Refreshed .claude-plugin/marketplace.json with the same updates plus
  marketplace tags.
- New README section "Claude Code plugin" with install + slash command
  table. Existing "Agent skill" section retained for Cursor/Codex/40+
  other agents via the skills ecosystem.

No CLI behavior change. The slash commands are pure wrappers around
existing `npx designlang …` calls.

357/357 tests pass.

2026-05-06 00:07:47 +04:00

969 B

Raw Permalink Blame History

description, argument-hint

description	argument-hint
Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict line.	<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:

Read the *.battle.md file
Show the user the verdict line ("X wins" / "tie") and the per-dimension table
Highlight the dimensions where the gap is widest
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.

969 B Raw Permalink Blame History

969 B

Raw Permalink Blame History