mcpField
N
no-duplicate-ui

no-duplicate-ui

github.com/heyeddi-comテスト・品質087 回インストール1 日前に更新
リポジトリ

no-duplicate-ui について

プロジェクト内の重複 UI コンポーネントを検出し、統合するスキルです。類似するラッパーをスキャンして候補を確認し、共通コンポーネントを `@/components/ui/` にまとめる手順を示します。

主な機能

  1. 01プロジェクト内の重複 UI をスキャン
  2. 02テンプレートの類似度とファイル名を確認
  3. 03共通コンポーネントを統合

活用シーン

  1. 01Button や Card ラッパーを追加する PR の確認
  2. 02分岐したコンポーネントの統合
  3. 03任意のマージ前重複スキャン

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/heyeddi-com/heyeddi-skills --skill no-duplicate-ui

インストール後、Claude Code で/no-duplicate-uiを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

manifest.json
context/
ANTI_PATTERNS.md
EXAMPLES.md
PROSE_ANTI_SLOP.md
VOCABULARY.md
scripts/
_skill_cli.py
find_duplicate_ui.py

詳細

UI の重複を避ける

使用するタイミング

  • PR で、既存のものに似た新しい Button／Card ラッパーを追加する場合
  • 分岐したコンポーネントを統合するためにリファクタリングする場合
  • マージ前のゲートで、重複スキャンを任意で実施する場合

手順

  1. python scripts/find_duplicate_ui.py --project-root <root> を実行します。
  2. テンプレートの類似度が高いペア、またはファイル名が一致するペアを確認します。
  3. @/components/ui/ の共有コンポーネントに統合します。

コメント

Markdown 対応