vue-best-practices

Name: vue-best-practices
Author: moeru-ai/airi

moeru-ai開発56 回インストール

vue-best-practices について

Vue.js関連のタスクでは必ず使用してください。Composition APIと`<script setup>`、TypeScriptを標準的なアプローチとして強く推奨します。Vue 3、SSR、Volar、vue-tscを扱います。Vue、.vueファイル、Vue Router、Pinia、またはVueを使ったViteの作業では読み込んでください。プロジェクトでOptions APIが明示的に必要とされない限り、必ずComposition APIを使用してください。

インストール

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

$npx skills add https://moeru-ai/airi --skill vue-best-practices

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

同梱ファイル

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

LICENSE.md

SYNC.md

references/

animation-class-based-technique.md

component-keep-alive.md

component-async.md

component-data-flow.md

component-slots.md

component-suspense.md

animation-state-driven-technique.md

component-teleport.md

component-transition.md

component-transition-group.md

component-fallthrough-attrs.md

directives.md

perf-avoid-component-abstraction-in-lists.md

composables.md

perf-v-once-v-memo-directives.md

sfc.md

reactivity.md

plugins.md

render-functions.md

perf-virtualize-large-lists.md

state-management.md

updated-hook-performance.md

Markdown 対応

ログインしてコメント

基本情報

作者: moeru-ai/airi
カテゴリ: 開発
インストール数: 56

問題を報告

おすすめの Skills

すべての Skills

remotion-render

github.com/inference-sh

1.6M

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途：プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

コードベースをスキャンして改善の機会を探し、ビジュアル HTML レポートとして提示し、選択したものを詳しく掘り下げる。

design-mobile-apps

github.com/designed-by-ai

1.2M

Sleek でモバイルアプリの画面をデザインし、Sleek プロジェクトを編集して、React Native または HTML でデザインを実装します。

vercel-react-best-practices

github.com/vercel-labs

867.3k

Vercel Engineering の React および Next.js パフォーマンス最適化ガイドライン。React / Next.js コードを記述、レビュー、またはリファクタリングするときに、最適なパフォーマンスパターンを確保するため、このスキルを使用する必要があります。React コンポーネント、Next.js ページ、データ取得、バンドル最適化、またはパフォーマンス改善を含むタスクで発火します。