element-reuse

element-reuse is a skill for Claude Code from vindm/dotclaude. It costs 87 tokens per session (1,261 once invoked), scanned A, original, MIT.

A review gate for reusing visible strings, components, or copy patterns on a new part of a product. It checks where an element is already used and whether its original context matches the proposed one.

In plain words
What is it for?
Use it during design and implementation when borrowing existing copy or components for a new screen or surface.
Why use it?
It catches wording or interface pieces that look correct in isolation but are wrong for a different user journey.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Part of the dotclaude-design plugin — 5 skills, 7 agents shipped together

Good fit Use it during design and implementation when borrowing existing copy or components for a new screen or surface.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/vindm/dotclaude/element-reuse
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add vindm/dotclaude --skill element-reuse
Clone the repo
git clone --depth 1 https://github.com/vindm/dotclaude

Made for: Claude Code.

Or install dotclaude-design, the plugin that ships this one along with the rest of its 5 skills, 7 agents.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for element-reuse

README.md
[![agentmods](https://agentmods.dev/badge/skills/vindm/dotclaude/element-reuse/github.svg)](https://agentmods.dev/skills/vindm/dotclaude/element-reuse)
Your own site
<a href="https://agentmods.dev/skills/vindm/dotclaude/element-reuse"><img src="https://agentmods.dev/badge/skills/vindm/dotclaude/element-reuse/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for element-reuse

Your own site · 80×15
<a href="https://agentmods.dev/skills/vindm/dotclaude/element-reuse"><img src="https://agentmods.dev/badge/skills/vindm/dotclaude/element-reuse.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 87 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,261 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00087 $0.01261
Opus 5.5 $0.00035 $0.00504
Sonnet 5.5 $0.00017 $0.00252
Haiku 4.5 $0.00009 $0.00126

Measured 1mo ago against content hash bcaae33c8ae5, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

element-reuse scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/design/skills/element-reuse/SKILL.md · 76 lines

How it starts

The opening of the file, as written. The whole thing — 76 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Element reuse (Gate A)

When you reuse an existing user-visible element on a new surface, you risk shipping the same intent into a context it wasn't authored for. The canonical scenario: a greeting string lives in the codebase, authored for a first-touch wizard. A developer building a daily-home widget needs a greeting line, greps, finds it, reuses it. The diff looks clean — an existing key, the cheapest-looking change. The user then sees "Hi — I'm your assistant, let me show you around" every single morning. Lint passes (the import resolves), code review passes (the diff is fine in isolation), visual review of the surface alone passes (the copy "reads OK" if you don't know the journey). It's only visible if someone asks: what context was this authored for, and does it match this new surface? That question is this gate.

Run at both moments:

  • Design time — Section 0a of the spec, for every existing element the spec proposes to reuse.
  • Audit time — first action when any borrowed string/component is detected on the captured surface. This catches implementation drift: the spec said "fresh string authored for daily-driver", but the implementation reached for the nearest existing string to save time. The design-time gate saw new authorship; the audit-time gate catches the silent substitution.

Procedure

Step 1 — Locate the existing usage

Grep for the existing usage of the proposed element (a string key, a component import, a copy pattern), across this project's user-visible code directories (discover them at runtime — translation files, components, screens):

grep -rn "<exact-string-or-key>" <user-visible-code-dirs>

For each hit, capture: file:line, the surface it fires on (read the surrounding code to confirm), the role it plays there (intro / confirmation / CTA / status / error), and when the user sees it.

No grep evidence → no finding. "I think this is reused somewhere" without a file:line is not a verdict-eligible claim.

Step 2 — Classify both contexts

Read the full file on GitHub · 76 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 76 lines · 87 tokens per session scan A bcaae33c8ae5

Subscribe to this mod's changes

element-reuse is a skill published in the GitHub repository vindm/dotclaude (1 stars, last pushed 1mo ago), licensed MIT. It adds 87 tokens to every session and 1,261 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

aesthetic-instrument

A committed aesthetic in the sense of skills/committed-aesthetic/SKILL.md: every rule below is checkable, and every value was read out of the source — packages/board/public/index.html and greatcto-site/styles.css — rather than chosen to write this document.

avelikiy/great_cto · 106 tokens

committed-aesthetic

How to write — and how to use — a skill that IS one aesthetic rather than a catalogue of them. A catalogue lets an agent pick, and it picks the modal option; a committed aesthetic makes it execute one thing precisely, against rules you can check. Use when a design keeps coming out competent and forgettable, when…

avelikiy/great_cto · 94 tokens

html-artifact

Create self-contained HTML artifacts (single-file by default, split bundles when oversized) for complex, reviewable, or shareable work outputs. Use for an HTML artifact, browser-viewable report, implementation plan, PR/code-review report, dashboard, or mini deck, or for long Markdown-like outputs needing navigation or…

bahayonghang/my-ai-cli-toolkit · 80 tokens

code-reviewer

Automatic code quality and best practices analysis. Use proactively when files are modified, saved, or committed. Analyzes code style, patterns, potential bugs, and security basics. Triggers on file changes, git diff, code edits, quality mentions.

alirezarezvani/claude-code-tresor · 54 tokens

ui-ux-scan

Quick UI/UX deficiency scan of any page. Checks touch targets, contrast, font consistency, spacing issues, empty states, loading indicators, and common UX anti-patterns. Uses Playwright MCP only — no signup.

Quality-Max/free-qa-skills · 50 tokens

accessibility-check

Quick WCAG accessibility scan of any URL. Checks color contrast, missing alt text, keyboard navigation, ARIA labels, heading hierarchy, and focus indicators. Produces a graded report. Uses Playwright MCP only — no signup.

Quality-Max/free-qa-skills · 50 tokens