About no-duplicate-ui
A skill for finding and consolidating duplicate UI components in a project. It guides users to scan for similar wrappers, review likely matches, and move shared components into `@/components/ui/`.
Key features
- 01Scan project for duplicate UI
- 02Review template similarity and filenames
- 03Consolidate shared components
Use cases
- 01Checking a PR that adds a Button or Card wrapper
- 02Consolidating forked components
- 03Running an optional pre-merge duplicate scan
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ heyeddi-com/ heyeddi-skills --skill no-duplicate-uiAfter installing, type/no-duplicate-uiin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
manifest.jsoncontext/ANTI_PATTERNS.mdEXAMPLES.mdPROSE_ANTI_SLOP.mdVOCABULARY.mdscripts/_skill_cli.pyfind_duplicate_ui.pyDetails
From the project READMENo 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
- Run
python scripts/find_duplicate_ui.py --project-root <root>. - Review pairs with high template similarity or matching filenames.
- Consolidate into shared components under
@/components/ui/.
Comments
Markdown supported