convex-create-component
80Convexコンポーネントを構築する
Convexコンポーネントには、明確なデータ所有権、ラッパー関数、生成された型が必要です。このスキルは、Convexプロジェクトにおけるコンポーネントの設計、実装、配線、検証をガイドします。
Convexプロジェクトをすばやく開始する
Convexアプリを開始するには、フレームワーク固有のセットアップ手順がいくつか必要になる場合があります。このスキルは、スキャフォールディング、プロバイダーの接続、環境変数、最初の検証チェックをガイドします。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "convex-quickstart" from https://skillstore.io/skills/get-convex-convex-quickstart.md and its manifest at https://skillstore.io/api/skills/get-convex-convex-quickstart/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「convex-quickstart」を使用しています。 新しいReactアプリ向けにConvexをセットアップしてください。
期待される結果:
アシスタントはReactスターターテンプレートを選択し、スキャフォールド手順を準備し、ユーザーにConvex devループの実行を依頼し、検証チェックを一覧にします。
「convex-quickstart」を使用しています。 既存のNext.jsプロジェクトにConvexを追加してください。
期待される結果:
アシスタントはApp Routerのプロバイダー配置場所を特定し、公開Convex URL変数を説明し、生成された型が利用可能であることを確認します。
「convex-quickstart」を使用しています。 クラウドのコーディングエージェントからConvexを使用してください。
期待される結果:
アシスタントは匿名エージェントモードを選択し、ブラウザログインが利用できない理由を説明し、開発用ウォッチャーを通常のコード編集とは分けて扱います。
The static findings are explained by Markdown examples, public Convex configuration, localhost URLs, and official documentation links. No evidence found for prompt injection, credential exfiltration, hidden execution, or malicious marketplace intent.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/get-convex-convex-quickstart/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/get-convex-convex-quickstart?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/get-convex-convex-quickstart?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/get-convex-convex-quickstart/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/get-convex-convex-quickstart.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>get-convex. (2026). convex-quickstart security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/get-convex-convex-quickstart/audits/4@techreport{get-convex-get-convex-convex-quickstart-2026,
author = {get-convex},
title = {convex-quickstart security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/get-convex-convex-quickstart/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "convex-quickstart security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "get-convex"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/get-convex-convex-quickstart/audits/4"
identifiers:
- type: other
value: "skillstore:get-convex-convex-quickstart:audit:4"
description: "Skillstore immutable audit report identifier"
スターターテンプレートと明確な最初の検証手順を使って、新しいフロントエンドとConvexバックエンドを作成します。
既存のアプリにConvexをインストールし、正しいフレームワークのエントリーポイントでプロバイダーを接続します。
クラウドまたはヘッドレス環境でブラウザログインが利用できない場合に、匿名エージェントモードを使用します。
シンプルなReactプロトタイプ用に新しいConvexアプリをセットアップしてください。最適なスターターテンプレートを選び、コマンドを説明し、最初に確認すべきことを一覧にしてください。
この既存のReactアプリにConvexを追加してください。アプリのエントリーポイントを特定し、パッケージをインストールし、プロバイダーを接続し、クライアント接続を確認する方法を教えてください。
このNext.js App Routerプロジェクト向けにConvexを設定してください。クライアントプロバイダーを追加し、ルートレイアウトに配置し、正しい公開環境変数を使用してください。
このConvexセットアップについて、開発と本番対応の観点からレビューしてください。開発用ウォッチャー手順、エージェントモードの要件、デプロイのタイミング、最初のスキーマ検証を分けて整理してください。
作成者
get-convexライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
30c73eac2afe762f6aa9c4553158769369d47351
メンテナンスの新しさ
2026/7/21
利用状況
4 ダウンロード · 119 閲覧
ファイル構成
Convexコンポーネントを構築する
Convexコンポーネントには、明確なデータ所有権、ラッパー関数、生成された型が必要です。このスキルは、Convexプロジェクトにおけるコンポーネントの設計、実装、配線、検証をガイドします。
Convex 認証をセットアップする
Convex 認証のセットアップは、プロバイダーの接続、環境変数、バックエンドのチェックが一致していないと失敗することがあります。このスキルは、正しいプロバイダーフローを案内し、検証済みの Convex 認証パターンを追加します。
Convex のパフォーマンスボトルネックを監査
遅い Convex 機能は読み取りを浪費し、広範な無効化を引き起こし、競合を見えにくくします。このスキルは Claude、Codex、Claude Code に、的を絞ったパフォーマンス監査を案内します。
安全な Convex データマイグレーションを計画する
破壊的な Convex スキーマ変更は、デプロイの失敗や本番データの損傷につながる可能性があります。このスキルは、安全なロールアウト、バッチ処理によるバックフィル、ドライラン、検証をガイドします。
Convexタスクを適切なスキルに振り分ける
Convexのリクエストは幅広くなりがちで、チームが誤ったワークフローを選んでしまうことがあります。このスキルは、Claude、Codex、Claude Codeをセットアップガイダンスや専門的なConvexスキルへ導きます。
Find the Right Convex Component
Developers may rebuild infrastructure that existing Convex components already provide. This skill identifies matching patterns and suggests one focused alternative after completing the current task.
シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
Next.js パフォーマンスの最適化
作成者 Atman36
Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。
React と Next.js のパフォーマンス最適化
作成者 vercel-labs
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。
Webアプリのローカライゼーションを自動化
作成者 DNYoussef
多言語対応を追加すると、文字列、ルーティング、メタデータ、ロケールファイルがコードベース全体に散在しがちです。このスキルは、翻訳、検証、ドキュメントを含むi18nセットアップを計画し、実装します。