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
- Repository
- jeremylongshore/tons-of-skills-marketplace
- GitHub stars
- 2.8k
- License
- MIT
- Repo last updated
- Sep 27, 2026
- Source file
- plugins/ai-agency/tonone/agents/wire.md
- 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
- 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.
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.
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
- Security Scan Comprehensive database security scanner with OWASP compliance checks, Slash Command · jeremylongshore/tons-of-skills-marketplace
- Security Test Scanner Automated security vulnerability testing covering OWASP Top 10, SQL injection, XSS, CSRF, and authentication issues Plugin · jeremylongshore/tons-of-skills-marketplace
- Search To Slack Enhances web_search Skill by posting formatted research digests to Slack channels Plugin · jeremylongshore/tons-of-skills-marketplace
- Security Scan Quick Fast automated security scan for common vulnerabilities and CVEs Slash Command · jeremylongshore/tons-of-skills-marketplace
- Yt Scraper Orchestrates YouTube data extraction via Apify actors — channel metadata, video details, search results — polling until complete and saving all datasets to disk. Use when collecting raw YouTube data for strategy analysis. Trigger with "scrape youtube channels", "fetch youtube data". Subagent · jeremylongshore/tons-of-skills-marketplace
- Website Designer Designs conversion-focused static marketing websites from sprint specs — applies SEO best practices, clear CTAs, mobile-first responsive layouts, and WCAG accessibility, then returns a concise IMPLEMENTATION REPORT. Use when building or redesigning a product landing page or GitHub Pages site. Trigger with "design website", "build landing page". Subagent · jeremylongshore/tons-of-skills-marketplace
- Zero Designs zero trust network architectures with phased roadmaps covering identity pillars, microsegmentation, and ZTNA replacement for VPN. Use when you need a zero trust design, a network segmentation plan, or a ZT maturity assessment. Trigger with \"design my zero trust architecture\", \"audit my network for zero trust readiness\". Subagent · jeremylongshore/tons-of-skills-marketplace
- Weather Analyst Meteorological travel analyst that fetches and interprets 7–14 day forecasts, identifies seasonal patterns, flags extreme conditions, and matches weather windows to planned activities. Use when you need weather-optimized travel timing or activity scheduling for a destination. Trigger with \"weather for my trip\", \"best days for outdoor activities in\". Subagent · jeremylongshore/tons-of-skills-marketplace