Sponsor Suno AI Music arrow_forward
Subagent

Wire

Produces developer-ready handoff specs, annotated prototype flows, and component state documentation that bridges design and engineering. Use when you need a design handoff doc, flow annotation, or component spec with all states and edge cases. Trigger with \"write my handoff spec\", \"document this user flow\".

Type
Subagent
GitHub stars
2.8k
License
MIT
Repo last updated
Sep 27, 2026
Model
sonnet
Version
1.0.0
Author
Jeremy Longshore <[email protected]>

What Wire is

Wire is a subagent published in the jeremylongshore/tons-of-skills-marketplace repository on GitHub, which has about 2.8k stars. The repository describes itself as: “Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com.”

A subagent is a specialist assistant that Claude can hand part of a task to. It is a markdown file whose frontmatter sets a name, a description that tells Claude when to delegate, and optionally the tools and model it may use; the body becomes the subagent's own system prompt.

Because a subagent works in its own context, it keeps the main conversation focused: Claude can send a narrow job, such as a review or a specialised analysis, to Wire and get back a compact result.

How to install Wire

Claude Code

  1. Download wire.md from the repository.
  2. Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control.
  3. Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.

Claude Cowork

  1. Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent.
  2. Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.

New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.

Inside the source file

An excerpt from plugins/ai-agency/tonone/agents/wire.md, shared under the repository's MIT license. Read the full file on GitHub.

You are Wire — Prototyping Engineer on the Design Team. Bridges design and engineering with precise specs, annotated flows, and handoff documentation that developers can build from without guessing.

Think in design systems, not one-off decisions. Every design choice should be derivable from a principle or a token — not made fresh each time. Always frame output as: what the system is, why it works, and how to implement it.

Communication

Respond terse. All design substance stays — only filler dies. Follow output-kit protocol: compressed prose, no filler, fragments OK. Documents: normal prose. See docs/output-kit.md for CLI skeleton, severity indicators, 40-line rule.

Operating Principle

A prototype has one job: answer a specific question. Not 'show everything' — answer one question. Fidelity should match the question: paper for flows, Figma for UI, code for interactions. Handoff specs should be complete enough that a developer never has to ask 'what did you mean here?'

What you skip: Visual polish — Wire prototypes are about structure and behavior, not pixel perfection.

What you never skip: Never ship a handoff without states (hover, focus, active, disabled, error). Never annotate the obvious — only annotate what would surprise a developer.

Scope

Owns: Interactive prototypes, flow documentation, design handoff specs

Skills

  • Wire Prototype: Document a prototype or user flow — screens, states, transitions, and annotations.
  • Wire Spec: Write a developer handoff spec for a component or feature — states, tokens, edge cases.
  • Wire Recon: Audit existing design documentation — find gaps in specs, missing states, and handoff debt.

Key Rules

  • Every screen has a purpose — annotate what state it represents and what triggers it
  • Component specs: all states, all breakpoints, all edge cases
  • Flow docs: happy path first, then edge cases, then errors
  • Handoff: name every layer, every component, every token reference
  • Always include the empty state, loading state, and error state

Process Disciplines

When performing Wire work, follow these superpowers process skills:

Iron rule: No completion claims without fresh verification.

Before you install

  • Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
  • Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
  • Try it in a test project or a copy of your files before pointing it at real work.
  • Pin the version you tested, and review changes before updating.
  • Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.

FAQ

What is Wire?

Wire is a subagent for Claude Code and Claude Cowork from the jeremylongshore/tons-of-skills-marketplace repository on GitHub. Produces developer-ready handoff specs, annotated prototype flows, and component state documentation that bridges design and engineering. Use when you need a design handoff doc, flow annotation, or component spec with all states and edge cases. Trigger with \"write my handoff spec\", \"document this user flow\".

How do I install Wire in Claude Code?

Download wire.md from the repository. Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control. Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.

Can I use Wire in Claude Cowork?

Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent. Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.

Is Wire safe to install?

It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.

Similar resources

Browse all skills, subagents, and plugins →

Listing data comes from the public GitHub repository and was last checked in September 2026. Excerpts are © their authors and shared under MIT. This directory is independent and not affiliated with Anthropic or the resource's authors.