# No Duplicate UI

> Scans Vue files for duplicate component names and similar template overlap. Use during PR review or when refactoring UI to enforce DRY architecture.

- Skill: `heyeddi-com/no-duplicate-ui` (Agent Skill, multi-file: 8 files)
- Install (CLI): `npx skillmds@latest add heyeddi-com/no-duplicate-ui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/heyeddi-com/no-duplicate-ui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: HeyEddi-com (https://skillmd.com/u/heyeddi-com)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/heyeddi-com/no-duplicate-ui

---


# No Duplicate UI

## When to use

- PR adds a new Button/Card wrapper similar to existing ones
- Refactoring to consolidate forked components
- Pre-merge gate optional duplicate scan

## Instructions

1. Run `python scripts/find_duplicate_ui.py --project-root <root>`.
2. Review pairs with high template similarity or matching filenames.
3. Consolidate into shared components under `@/components/ui/`.

