スキル vue-pinia-best-practices

📦

vue-pinia-best-practices

Name: vue-pinia-best-practices
Author: github.com/vuejs-ai

v1.0.0 コンテンツリビジョン r1 安全 ⚡ スクリプトを含む⚙️ 外部コマンド🌐 ネットワークアクセス

Vue Pinia ストアパターンの改善

Vue アプリケーションは、ストアのセットアップ、分割代入、URL 状態のルールを見落としやすいため、失敗することがよくあります。このスキルは、Claude、Codex、Claude Code に対して、信頼性の高いストアと予測可能なリアクティビティを実現するための Pinia に特化したガイダンスを提供します。

対応: Claude Codex Code(CC)

🥈 80 シルバー

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "vue-pinia-best-practices" from https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-vue-pinia-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/vuejs-ai-vue-pinia-best-practices.md 署名済み manifest GET /api/skills/vuejs-ai-vue-pinia-best-practices/manifest 署名済み lockfile GET /api/skills/vuejs-ai-vue-pinia-best-practices/lockfile

テストする

「vue-pinia-best-practices」を使用しています。 Vue アプリが起動中に getActivePinia でクラッシュする。

期待される結果:

応答では、早すぎるストアアクセスを特定し、プラグインの順序を確認し、ストアを使用する router guards より前に Pinia をインストールすることを推奨します。

「vue-pinia-best-practices」を使用しています。コンポーネントが Pinia ストアから name と isLoggedIn を分割代入すると、UI の更新が止まる。

期待される結果:

応答では、state と getters には storeToRefs が必要であり、actions は直接の関数参照のままでよいことを説明します。

「vue-pinia-best-practices」を使用しています。商品ページがフィルターを Pinia のみに保存しており、更新時に失われる。

期待される結果:

応答では、共有可能なフィルターには URL クエリパラメータを推奨し、プライベートまたは共有不要な状態はストアに保持します。

セキュリティ監査

安全

v5 • 2026/7/7 バージョン別レポートを開く

AI review found the static findings are documentation examples, not executable skill behavior. Dynamic imports, fetch calls, Authorization headers, and Object.keys appear inside Pinia guidance snippets using local app paths; no prompt injection, credential exfiltration, or command execution intent was found.

スキャンされたファイル

1,387

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚡ スクリプトを含む (2)

reference/pinia-no-active-pinia-error.md:203 reference/pinia-no-active-pinia-error.md:240

⚙️ 外部コマンド (2)

reference/pinia-no-active-pinia-error.md:74-78 reference/pinia-no-active-pinia-error.md:92-96

🌐 ネットワークアクセス (4)

reference/pinia-no-active-pinia-error.md:72 reference/pinia-no-active-pinia-error.md:90 reference/pinia-setup-store-return-all-state.md:42 reference/pinia-setup-store-return-all-state.md:90

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/vuejs-ai-vue-pinia-best-practices/security.svg)](https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vuejs-ai-vue-pinia-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/vuejs-ai-vue-pinia-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

github.com/vuejs-ai. (2026). vue-pinia-best-practices security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5

BibTeX形式の引用

@techreport{github-com-vuejs-ai-vuejs-ai-vue-pinia-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-pinia-best-practices security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-pinia-best-practices security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5"
identifiers:
  - type: other
    value: "skillstore:vuejs-ai-vue-pinia-best-practices:audit:5"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

100

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Pinia 起動失敗の修正

Pinia がインストールされる前にストアが呼び出される理由を特定し、アプリまたはルーターのセットアップ順序を調整するためにこのスキルを使用します。

ストアのリアクティビティバグのレビュー

Vue コンポーネント内の直接的な分割代入、storeToRefs の使用漏れ、メソッドバインディングの誤りを見つけるためにこのスキルを使用します。

スケーラブルな状態パターンの設計

データを Pinia、URL クエリパラメータ、コンポーネント状態、またはより単純な reactive store のどこに置くべきかを判断するためにこのスキルを使用します。

これらのプロンプトを試す

ストアセットアップの確認

Pinia の順序に関する問題がないか、私の Vue アプリのセットアップをレビューしてください。getActivePinia エラーが発生する理由を説明し、最小限で安全な修正を示してください。

リアクティビティの誤りを見つける

このコンポーネントに Pinia の分割代入またはメソッドバインディングの問題がないか調査してください。何に storeToRefs を使うべきで、何を直接分割代入できるかを教えてください。

Setup Store 設計の改善

SSR、DevTools、プラグイン互換性の観点から、この Pinia setup store をレビューしてください。返すべき、または名前を変更すべき state があれば特定してください。

状態の所有範囲を計画する

この機能の状態を Pinia、URL クエリパラメータ、ローカルコンポーネント状態にマッピングしてください。更新、共有、プライバシー、デバッグに関するトレードオフを説明してください。

ベストプラクティス

ストアを呼び出すプラグイン、router guards、モジュールより前に Pinia をインストールします。
state と getters には storeToRefs を使用し、actions は直接分割代入します。
共有可能なフィルターは URL に保持し、アプリケーション状態にはストアを使用します。

回避

Vue アプリが Pinia をインストールする前に、モジュールスコープで useStore を呼び出すこと。
Pinia の state または getters を直接分割代入し、リアクティブな更新を期待すること。
プライバシー、セキュリティ、hydration の必要性をレビューせずに、すべてのストアフィールドを永続化すること。

よくある質問

このスキルはどの Vue バージョン向けですか？

これは、状態管理に Pinia を使用する Vue 3 アプリケーション向けに書かれています。

getActivePinia エラーの解決に役立ちますか？

はい。ストア初期化のタイミング、プラグインの順序、router guard からのアクセス、安全なストア呼び出し場所を説明します。

Pinia ドキュメントの代わりになりますか？

いいえ。一般的な落とし穴を要約し、エージェントに実用的なレビューパターンを示します。

Vuex コードを自動的に移行できますか？

いいえ。移行判断のガイドはできますが、コード変更はプロジェクト構造に依存します。

SSR に関する懸念も扱いますか？

はい。hydration、DevTools、プラグインのために、setup stores が関連するすべての state を返すべき理由を説明します。

非公開のアプリケーションコードで使用しても安全ですか？

このスキルはドキュメントのみですが、ユーザーは永続化やトークン処理のパターンを適用する前に、生成された助言を引き続きレビューする必要があります。

開発者情報

作成者

github.com/vuejs-ai

ライセンス

MIT

作者バージョン

v1.0.0

Skillstore リビジョン

リポジトリ

https://github.com/vuejs-ai/skills/tree/main/skills/vue-pinia-best-practices/

参照

36e07d5e13068e5be64447e8f20b427cf2cbd21a

メンテナンスの新しさ

2026/7/18

利用状況

17 ダウンロード · 177 閲覧

ファイル構成

📁 reference/

📄 pinia-no-active-pinia-error.md

📄 pinia-setup-store-return-all-state.md

📄 pinia-store-destructuring-breaks-reactivity.md

📄 state-url-for-ephemeral-filters.md

📄 state-use-pinia-for-large-apps.md

React コマンドパレットを構築する

作成者 AgentWorkforce

コマンドパレットは、フォーカスのバグ、古いリスナー、不安定なコマンド参照によって失敗しがちです。このスキルは、信頼性の高いキーボード操作型パレットのための実践的な React パターンを提供します。

コーディング＆開発表示

vue-pinia-best-practices

自分のエージェントでインストール

エージェントが読めるリソース

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

Pinia 起動失敗の修正

ストアのリアクティビティバグのレビュー

スケーラブルな状態パターンの設計

これらのプロンプトを試す

ベストプラクティス

回避

よくある質問

開発者情報

github.com/vuejs-ai のその他のスキル

vue-best-practices

vue-options-api-best-practices

create-adaptable-composable

vue-testing-best-practices

vue-router-best-practices

vue-development-guides

関連スキル

vue-debug-guides

markstream-nuxt

frontend-components

frontend-fundamentals

zustand-store-ts

implementing-command-palettes