スキル vue
📦

vue

v2026.1.31 コンテンツリビジョン r2 安全 🌐 ネットワークアクセス⚙️ 外部コマンド

自信を持ってVue 3コンポーネントを構築する

Vueチームには、コンポーネント、リアクティビティ、TypeScriptパターンに関する最新のガイダンスが必要です。このスキルは、Claude、Codex、Claude Codeに焦点を絞ったVue 3.5のリファレンスを提供します。

対応: Claude Codex Code(CC)
🥉 79 ブロンズ

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

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

エージェントリクエスト
Review the Skillstore skill "vue" from https://skillstore.io/skills/antfu-vue.md and its manifest at https://skillstore.io/api/skills/antfu-vue/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

Markdown詳細 GET /skills/antfu-vue.md 署名済み manifest GET /api/skills/antfu-vue/manifest 署名済み lockfile GET /api/skills/antfu-vue/lockfile

テストする

「vue」を使用しています。 型付きプロフィールカードコンポーネントを構築してください。

期待される結果:

prop名、emitted events、stateの選択、templateの挙動を含む簡潔なコンポーネント計画。

「vue」を使用しています。 データ読み込みcomposableをレビューしてください。

期待される結果:

  • データ読み込みがどこで実行されるかを特定します。
  • 古いリクエストに対するcleanupを推奨します。
  • reactiveな入力が結果をどのように更新すべきかを説明します。

「vue」を使用しています。 provideとinjectをいつ使うべきか説明してください。

期待される結果:

アプリ全体の依存関係、ライブラリキー、symbolの使用、より単純なprop代替案を扱う判断ガイド。

セキュリティ監査

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

All 18 static findings are false positives caused by documentation syntax and illustrative Vue code. Backticks are Markdown fences or TypeScript template literals, while fetch calls are inert examples without malicious destinations or secret handling. No prompt injection, command execution, unauthorized network access, system reconnaissance, or data exfiltration intent was found.

5
スキャンされたファイル
876
解析済み行数
0
レビュー項目
0
誤検知を無視

リスク要因

🌐 ネットワークアクセス (5)
references/advanced-patterns.md:165 references/core-new-apis.md:106 references/core-new-apis.md:230 references/script-setup-macros.md:197 SKILL.md:7
⚙️ 外部コマンド (11)
references/core-new-apis.md:69-81 references/core-new-apis.md:81-89 references/core-new-apis.md:106-115 references/core-new-apis.md:243-244 SKILL.md:12 SKILL.md:17 SKILL.md:18 SKILL.md:26 SKILL.md:39-68 SKILL.md:68-72 SKILL.md:72-84
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

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

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/antfu-vue/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/antfu-vue/security.svg)](https://skillstore.io/skills/antfu-vue?utm_source=security_passport_badge)

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/antfu-vue.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形式の引用

antfu. (2026). vue security audit report (audit version 5) [Author version 2026.1.31]. Skillstore. https://skillstore.io/skills/antfu-vue/audits/5

BibTeX形式の引用

@techreport{antfu-antfu-vue-2026, author = {antfu}, title = {vue security audit report (audit version 5)}, institution = {Skillstore}, year = {2026}, number = {5}, url = {https://skillstore.io/skills/antfu-vue/audits/5}, note = {Author version 2026.1.31} }

CITATION.cff

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

Skillstore スコア

このスコアの理由 証拠の信頼度: 高
45
アーキテクチャ
100
保守性
87
コンテンツ
70
コミュニティ
100
仕様準拠

作成できるもの

型付きコンポーネントを構築する

script setup、型付きprops、emits、slots、v-modelパターンを使ってVueコンポーネントを作成します。

Vueコードをモダン化する

既存コンポーネントをComposition API、reactive state、現在のlifecycleパターンへリファクタリングします。

共有パターンをレビューする

composables、provide/injectの使用、async loading、template refsを確認し、保守しやすい設計にします。

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

基本コンポーネントを作成する 
Vueスキルを使って、script setup、型付きprops、1つのemitted eventを含む小さなVue 3コンポーネントを構築してください。重要な選択について説明してください。
Options APIロジックをリファクタリングする 
このVue Options APIコンポーネントをComposition APIに変換してください。適切な箇所でref、computed、watch、明確なlifecycle hooksを使ってください。挙動は維持してください。
再利用可能なComposableを設計する 
共有データ読み込み用の型付きVue composableを設計してください。loading state、error state、cleanup rules、コンポーネントでの使用例を含めてください。
Async Vueパターンをレビューする 
このVue機能について、Suspense、top-level await、watcher cleanup、template refs、TypeScriptリスクを監査してください。焦点を絞った改善を推奨してください。

ベストプラクティス

  • 新しいVueコンポーネントではTypeScriptとともにscript setupを使用します。
  • computed gettersは純粋に保ち、代わりにsource stateを変更します。
  • 再利用可能な状態付きの振る舞いは、焦点を絞ったcomposablesへ抽出します。

回避

  • reactive dataに置くべきstateに対してtemplate refsを過度に使用しないでください。
  • awaitされたsetup処理の後にlifecycle hooksを配置しないでください。
  • リアクティビティを失う形でreactive objectsを分割代入しないでください。

よくある質問

このスキルはどのVueバージョンを対象としていますか？
Vue 3.5+と現在のComposition APIパターンを対象としています。
CodexやClaude Codeで使用できますか？
はい。サポートされるツール一覧にはClaude、Codex、Claude Codeが含まれています。
このスキルはコマンドを実行したりパッケージをインストールしたりしますか？
いいえ。これはドキュメントスキルであり、実行可能なscriptsは含まれていません。
Options APIコードの移行に役立ちますか？
はい。Composition API、script setup、型付きコンポーネントパターンへの移行をガイドできます。
これは公式Vueドキュメントの代わりになりますか？
いいえ。焦点を絞ったリファレンスを提供しますが、後のAPI変更については公式ドキュメントを確認する必要があります。
ローカルプロジェクトを自動的にレビューしますか？
いいえ。関連するコードを提供するか、AIツールにプロジェクトを検査するよう依頼する必要があります。

開発者情報

作成者

antfu

ライセンス

MIT

作者バージョン

v2026.1.31

Skillstore リビジョン

r2

リポジトリ

https://github.com/antfu/skills/tree/main/skills/vue/

参照

89edfdc710d0846129dcee6a929477b04f08052c

メンテナンスの新しさ

2026/7/24

利用状況

27 ダウンロード · 187 閲覧

ファイル構成

📄 GENERATION.md

📁 references/

📄 advanced-patterns.md

📄 core-new-apis.md

📄 script-setup-macros.md

📄 SKILL.md

antfu のその他のスキル

すべて表示

関連スキル

すべて表示