Skip to content

v12.5: Claude Code plugin — five slash commands#72

Merged
Manavarya09 merged 1 commit intomainfrom
feat/claude-code-plugin
May 5, 2026
Merged

v12.5: Claude Code plugin — five slash commands#72
Manavarya09 merged 1 commit intomainfrom
feat/claude-code-plugin

Conversation

@Manavarya09
Copy link
Copy Markdown
Owner

Summary

designlang is now a first-class Claude Code plugin. Drop it into any session and every CLI verb becomes a slash command:

```bash
/plugin install Manavarya09/design-extract
```

Slash command What it does
`/extract ` Full extraction → DTCG, Tailwind, Figma, motion, voice
`/grade ` Shareable HTML Design Report Card (+ `--badge` for SVG)
`/battle ` Head-to-head graded battle card
`/remix --as ` Restyle in 6 vocabularies
`/pack ` Bundle every output into one design-system directory

What's in the change

  • 5 new command manifests in `commands/` with proper `description` + `argument-hint` frontmatter and prompt bodies that wrap the CLI and surface a tight summary back to the user.
  • Refreshed `.claude-plugin/plugin.json` — was stale at v1.0.0 with no slash commands. Now: name `designlang`, version 12.5.0, description rewrites cover all v12 surfaces, `commands` directory pointer added, keywords expanded.
  • Refreshed `.claude-plugin/marketplace.json` — same metadata refresh + marketplace tags.
  • New README section documenting plugin install + the five slash commands. Existing skills-ecosystem section retained for Cursor / Codex / 40+ other agents.

Why

The README currently mentions the agent-skill install (`npx skills add …`) but never documents that designlang is also a Claude Code plugin. The `.claude-plugin/` manifest existed but was stale (v1.0.0, no commands) so installing it gave you nothing. This PR makes the plugin actually useful and visible.

Test plan

  • `npm test` — 357/357 still passing (this is pure packaging, no CLI changes)
  • `plugin.json` + `marketplace.json` parse cleanly via `require()`
  • All 5 command files have valid frontmatter (`description` + `argument-hint`)
  • Manifest names align across plugin.json + marketplace.json + package.json (all `designlang` 12.5.0)

🤖 Generated with Claude Code

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.
Copilot AI review requested due to automatic review settings May 5, 2026 20:08
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 5, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
website Ready Ready Preview, Comment May 5, 2026 8:08pm

@Manavarya09 Manavarya09 merged commit 8a760cc into main May 5, 2026
1 check was pending
@Manavarya09 Manavarya09 deleted the feat/claude-code-plugin branch May 5, 2026 20:08
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR promotes designlang to a first-class Claude Code plugin by adding five slash-command manifests and refreshing the .claude-plugin/ metadata so users can install the repo as a plugin and run /extract, /grade, /battle, /remix, and /pack directly inside Claude Code.

Changes:

  • Added 5 new Claude Code command prompt manifests under commands/ (extract/grade/battle/remix/pack).
  • Updated .claude-plugin/plugin.json and .claude-plugin/marketplace.json metadata to designlang@12.5.0 and added a commands pointer.
  • Updated README + changelog for the new plugin surface and bumped package.json to 12.5.0.

Reviewed changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
README.md Documents Claude Code plugin installation and the five slash commands; clarifies “agent skill” usage for non-Claude ecosystems.
package.json Version bump to 12.5.0.
commands/extract.md New /extract command manifest wrapping npx designlang <url>.
commands/grade.md New /grade command manifest wrapping npx designlang grade ….
commands/battle.md New /battle command manifest wrapping npx designlang battle ….
commands/remix.md New /remix command manifest wrapping npx designlang remix ….
commands/pack.md New /pack command manifest wrapping npx designlang pack ….
CHANGELOG.md Adds 12.5.0 release notes for the Claude Code plugin.
.claude-plugin/plugin.json Refreshes plugin metadata and adds commands path.
.claude-plugin/marketplace.json Refreshes marketplace metadata/tags to match the plugin update.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread commands/remix.md
Comment on lines +25 to +27
Use `--all` to emit all six in one pass — six standalone HTML files plus a comparison index.

After the run, read the comparison index (`*-remix-index.html` or `*-remix.<vocab>.html`) and tell the user which file to open. Offer to launch `--open` automatically.
Comment on lines +33 to +34
"skills": "./skills/",
"commands": "./commands/"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants