mcpField
P
primevue-openprops-architect

primevue-openprops-architect

github.com/heyeddi-comデザイン・UI086 回インストール1 日前に更新
リポジトリ

primevue-openprops-architect について

primevue-openprops-architectは、旧ルート向けに残された互換スキル名で、現在のデザインシステムは@vue-design-systemです。プリミティブ選定後のVue/CSS編集を案内し、プロジェクトの用語確認と検証を求めます。

主な機能

  1. 01旧スキル参照の解決
  2. 02選定済みVueデザインプリミティブの使用
  3. 03用語とアンチパターンの確認
  4. 04Vueとスタイルの検証実行

活用シーン

  1. 01旧スキル名を含むプロンプトへの対応
  2. 02プリミティブ選定後のVueまたはCSS編集
  3. 03Vueプロジェクトの変更検証

インストール

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

$npx skills add https://github.com/heyeddi-com/heyeddi-skills --skill primevue-openprops-architect

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

同梱ファイル

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

manifest.json
context/
ANTI_PATTERNS.md
EXAMPLES.md
PROSE_ANTI_SLOP.md
VOCABULARY.md
reference/
subagents.md
scripts/
_skill_cli.py
validate_vue.py

詳細

PrimeVue + プロジェクトトークン（互換性）

この名前は、古いルートでも引き続き解決できるように残されています。デザインシステムは @vue-design-system です。

  • シェル、ドロワー、ネイティブターゲット：@quasar-foundation
  • テーブル、フォーム、メニュー、バッジ：@primevue-aura
  • モーション：@motion-physics
  • カラー：@aura-design-tokens
  • ターミナル：@cli-interface-design

OpenProps、Tailwind、React、Bootstrap は追加しないでください。プロジェクトがすでに open-props に依存している場合は、その依存関係を残し、新しいサーフェスには引き続き --app-* を使用してください。

親スキルから連鎖して実行する場合、デフォルトでは validate_vue.py は shell サブエージェント内で実行されます。reference/subagents.md を参照してください。

使用する状況

  • 古いプロンプトで @primevue-openprops-architect が指定されている場合
  • @vue-design-system がプリミティブを選択した後に .vue または CSS を編集する場合

手順

  1. @vue-design-system と、対象サーフェスの子スキルを読みます。このファイルではコンポーネントを選択しません。
  2. UI コードを書く前に context/VOCABULARY.md と context/ANTI_PATTERNS.md を読みます。
  3. 編集後、python scripts/validate_vue.py --project-root <root> を実行します。
  4. 完了する前に、報告された問題をすべて修正します。

スクリプト

  • validate_vue.py：vue-tsc --noEmit を実行し、stylelint がインストールされている場合は stylelint も実行します。

コメント

Markdown 対応