web-dev plugin
Multi-agent web dev pipeline — UX research and design critique around the build, plus the designer ↔ frontend contract: freeze approved mockups into a canonical oracle, port them 1:1 on any stack, and verify with screenshot-based design-diff gates.
How to install the web-dev plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add endorphin-ai/hasbrains-agent-kit
/plugin install web-dev@hasbrains-agent-kitWhat's inside web-dev
2 parts read from the plugin's own files.
Skills 2
Claude loads it when the task matches- designer-frontend-contract
Establishes a tech-agnostic workflow for designers and frontend developers to synchronize design handoffs, port mockups, and verify visual fidelity.
- ux-expert
Performs UX research planning, persona creation, storyboarding, heuristic audits, design reviews, and forensic design analysis.
Using web-dev in Claude Code
Skills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update web-dev@hasbrains-agent-kit
- Refresh the marketplace
- /plugin marketplace update hasbrains-agent-kit
- Turn it off for now
- /plugin disable web-dev@hasbrains-agent-kit
- Remove it
- /plugin uninstall web-dev@hasbrains-agent-kit
Skills in web-dev
- designer-frontend-contractendorphin-ai/hasbrains-agent-kit
Establishes a tech-agnostic workflow for designers and frontend developers to synchronize design handoffs, port mockups, and verify visual fidelity.
15 files9stars - ux-expertendorphin-ai/hasbrains-agent-kit
Performs UX research planning, persona creation, storyboarding, heuristic audits, design reviews, and forensic design analysis.
26 files9stars
web-dev plugin questions
How do I install the web-dev plugin?
In Claude Code run /plugin marketplace add endorphin-ai/hasbrains-agent-kit, then /plugin install web-dev@hasbrains-agent-kit.
What does the web-dev plugin include?
web-dev bundles 2 skills.
How do I update or remove the web-dev plugin?
Update it with claude plugin update web-dev@hasbrains-agent-kit in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall web-dev@hasbrains-agent-kit.