refo

Claude Dev Helpers — Design skill for Claude Code

Design community

Personal Claude Code marketplace + dev-helpers plugin: stack-agnostic agentic dev workflow helpers (TDD, commits, PRDs, issue triage, pre-commit setup, design grilling).

How to install Claude Dev Helpers

This entry records only its repository, not the path inside it, so there is no exact command to give. Open refo/claude-dev-helpers and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Dev Helpers does

Personal Claude Code marketplace + dev-helpers plugin: stack-agnostic agentic dev workflow helpers (TDD, commits, PRDs, issue triage, pre-commit setup, design grilling).

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★

README

claude-dev-helpers

Personal Claude Code [marketplace](https://docs.claude.com/en/docs/claude-code/plugins) bundling a few plugins I use across projects.

Plugins

Plugin	What it is
`dev-helpers`	Stack-agnostic slash commands for TDD, conventional commits, PRD writing, GitHub issue triage, pre-commit setup, design grilling, plus an `/init-helpers` bootstrapper that writes a per-project `.claude/helpers.json`. Includes a `block-dangerous-git.sh` PreToolUse hook.
`mp`	Matt Pocock's skills, vendored verbatim via `git subtree` and exposed under the `mp:` namespace (`mp:tdd`, `mp:grill-me`, …).

Install

Add the marketplace once per machine, then install whichever plugins you want:

/plugin marketplace add https://github.com/refo/claude-dev-helpers
/plugin install dev-helpers@refo
/plugin install mp@refo

Adding another plugin to this repo

Scaffold under plugins//:
- .claude-plugin/plugin.json — name, version, description, and pointers to commands, skills, or hooks directories as needed.
- Plus whatever the plugin ships (e.g. commands/, skills//SKILL.md, hooks/).

{
  "name": "",
  "source": "./plugins/",
  "description": "...",
  "version": "0.1.0",
  "category": "...",
  "tags": ["..."]
}

For plugins vendored from another repo, prefer git subtree --squash so updates stay a one-liner. See plugins/mp/README.md for the exact add / pull commands.

Per-repo overrides

A file at `/.claude/commands/.md` shadows the plugin's copy of that command for that project.

Credits

`dev-helpers`' commands started life as skills from [Matt Pocock's `mattpocock/skills`](https://github.com/mattpocock/skills) — adapted and generalized here. The `mp` plugin vendors