Vue.jsプロジェクトは、データフローが不明確でリアクティビティのミスを起こしやすくなることがよくあります。このスキルは、適切な状態管理、コンポーネントパターン、データフローアーキテクチャを含む、Vue 3およびNuxt 3開発のための包括的なベストプラクティスを提供します。

Vue 3 アプリケーションでは、ランタイムエラー、警告メッセージ、非同期エラー、SSRハイドレーションの問題が発生し、デバッグが困難な場合があります。このスキルは、100以上の一般的なVue 3開発問題に対する包括的なデバッグガイドとソリューションを提供します。

Vueプロジェクトはしばしば反応性のバグや一貫性のないパターンに悩まされます。このスキルはVue 3 Composition API、SSR、TypeScriptのガイダンスを、具体的な実行例と回避例の形式で提供します。

柔軟な入力型を受け取る Vue composables を作成することは課題です。このスキルでは、MaybeRef と MaybeRefOrGetter 型を使用して、リアクティブな入力と非リアクティブな入力の両方を受け入れる、ライブラリ級の composables を構築するパターンを提供します。

Playwrightテストは、しばしば不安定さ、実行速度の遅さ、保守性の問題を抱えることがあります。このスキルは、8つのカテゴリに分類された40以上の実証されたベストプラクティスに基づいてTypeScriptテストコードをレビューし、明確な例とともに具体的な改善提案を提供します。

AI視覚機能を使用して画像から説明、オブジェクト、テキストを抽出します。このスキルはverging.aiを通じたGPT-4o VisionのシンプルなAPI統合を提供します。

低解像度やノイズの多い動画をシャープなHD/4K出力に変換します。このスキルはローカルファイルや動画URLからの完全なエンHanceメントパイプラインを自動化し、手動編集なしで結果を提供します。

開発者は、複雑なオーディオインフラを管理することなく、アプリケーションに音声出力を追加する簡単な方法を必要としています。このスキルは、シンプルなAPI呼び出しを通じてOpenAIのTTS-1-HDモデルへの直接アクセスを提供します。

音声録音のテキスト変換を手動で行うのは時間がかかり、ミスが発生しやすいです。このスキルはOpenAI Whisperを使用して音声ファイルを文字起こしするシンプルなAPIを提供し、数秒で正確なテキストを返します。

AIで画像を生成するには、APIキー、リクエストパラメータ、レスポンス処理を管理する必要があります。このスキルは、verging.aiプロキシAPIを通じて画像を生成するためのすぐに使えるインターフェースを提供し、標準品質とHD品質の両方のモードをサポートしています。

動画内の顔を手動で入れ替えるのは時間がかかり、専門的なソフトウェアが必要です。このスキルはverging.ai APIを使用してワークフロー全体を自動化し、ローカルファイルやYouTube/BilibiliのURLを入力として受け取り、結果を直接出力します。

ユーザーは verging.ai プロキシを通じて GPT-4o を呼び出す簡単な方法を必要としています。このスキルは、ストリーミングと非ストリーミングの両方のチャット補完に対応したすぐに使える curl サンプルを提供します。

あらゆる画像から背景を自動的に削除し、プロフェッショナルな透明PNGを作成。製品写真、プロフィール画像、デザイン作業に最適。手作業での編集不要。

画像の背景を手動で削除するのは時間がかかり、高価なソフトウェアが必要です。このスキルはverging.ai APIを使用してプロセスを自動化し、JPG、PNG、WebPファイルから透明なPNG結果を配信します。

Monorepo ビルドシステムの構成は複雑になることがあります。このスキルでは、JavaScript および TypeScript プロジェクトの Turborepo パイプライン、タスクの依存関係、キャッシュ戦略、CI 統合を設定するための専門的なガイダンスを提供します。

Claudeは確立されたWebデザインガイドラインに対してUIコードを自動的にレビューし、デプロイ前にアクセシビリティの問題、ユーザビリティの問題、ベストプラクティス違反を検出できます。このスキルは最新のガイドラインを取得し、、改善点を特定するための静的解析を実行します。

Reactアプリにスムーズなページ遷移と共有要素アニメーションを追加するには、View Transitions APIとその統合パターンを理解する必要があります。このスキルは、Vercel LabsによるCSSレシピとNext.jsパターンを使用したステップバイステップのガイダンスを提供します。

パフォーマンスの高い React Native アプリを構築するには、リスト、アニメーション、状態管理に対してプラットフォーム固有のパターンに従う必要があります。このスキルは、最適化されたモバイル開発のための 35 以上の AI エージェントのルールを提供します。

Reactアプリケーションは、不要な再レンダリング、巨大なバンドルサイズ、連続的なデータフェッチのウォーターフォールなど、パフォーマンス問題を引き起こしやすいです。このスキルは、Vercel Engineeringの45の優先付きルールを提供し、これらのボトルネックを解消し、高パフォーマンスなWebアプリケーションを構築します。

Reactコンポーネントでboolean propsを使用すると、メンテナンス不可能なコードが生まれます。このスキルは、compound components、stateの引き上げ、内部のコンポジションを使用してスケーラブルなコンポーネントアーキテクチャを作成するためのAI向けガイドラインを提供します。