Claude Webdev Skills — Testing skill for Claude Code
Stack-agnostic web development workflow skills for Claude Code — a portable branch → plan → test → commit → PR → review pipeline.
How to install Claude Webdev Skills
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open jaballer/claude-webdev-skills and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Claude Webdev Skills does
Stack-agnostic web development workflow skills for Claude Code — a portable branch → plan → test → commit → PR → review pipeline.
Alternatives in Testing
- OpenAgentsControl — AI agent framework for plan-first development workflows with approval-based execution 4.8k ★
- AI Contribution Skills (Engram) — branch-pr: clean branch and PR workflow 2.5k ★
- Production Grade — Production Grade — route any build, feature, review, test, harden, ship, or docs request through the 14-agent 175 ★
README
Web Dev Workflow — Claude Code Skills
[](https://github.com/jaballer/claude-webdev-skills/actions/workflows/ci.yml)
A **stack-agnostic** set of [Claude Code](https://claude.com/claude-code) skills that give any web project a consistent, well-reasoned workflow: **branch → plan → test → commit → PR → review**. The skills auto-detect your toolchain (package manager, test runner, formatter, framework) so they work zero-config on a fresh Vite/Next/Laravel project — and let power users pin exact commands for any other stack via a small override file.
Built by [Jabal Torres](https://jabaltorres.com). Distributed as a Claude Code plugin.
Why
Most workflow skills are welded to one project's stack. These aren't. The *valuable* part of a workflow — when to branch, what to audit before writing code, how small a test run proves a change, how to self-review a diff before pushing — is the same whether you're on pnpm or Composer. This plugin keeps that structure and pushes the stack-specific commands down into a detection layer.
Install
Two separate steps — run each at Claude Code's main `/` prompt, one at a time:
**Add the marketplace.** Enter just the `owner/repo` when prompted for a source:
/plugin marketplace add jaballer/claude-webdev-skills**Install the plugin** from that marketplace:
/plugin install webdev@webdev-skills
Don't paste both lines together. The first command opens an "Add Marketplace" dialog whose source field expects only `jaballer/claude-webdev-skills` — pasting the `/plugin install …` line into it produces an "is not a valid GitHub owner/repo" error.
Skills are then available namespaced as `/webdev:` (e.g. `/webdev:run-tests`), and Claude will also invoke them automatically based on what you ask for.
Updating
Editing this repo — or merging PRs into it — does **not** update your installe
Related Skills
Plan Freeze
Commit the active feature's spec.md + plan.md on a plan/ branch and open a PR for human review. Wraps scripts/
Do It Skill
Claude Code skill: single-shot autonomous build pipeline (spec → plan → build → review → commit) with tiered r
Loopeng
Agent-agnostic Loop Engineering runner: portable loop.yaml spec + deterministic verification gate + guardrails
Full Stack Agent
รัน full-stack development pipeline ผ่าน sub-agent หลายแผนก (BA → PM → UIUX → Programmer → Tester → QA)
Smart PR
Generate a structured PR description from the current branch diff. Run after /self-review passes. Produces tit
M Merge Branch
Auto Merge Workflow: Analyze, Merge, Resolve, Test, Commit
Related Agents
Subagent QA
QA Engineer specialized in test design, quality gates, and test automation. Tech-stack agnostic — adapts to wh
Coding
Write, review, or refactor code end-to-end — implement features, fix bugs, and add/update tests with minimal,
Waves Executor
Executes one written waves plan to a green branch in its own worktree, via superpowers:subagent-driven-develop