convex-create-component
80建構 Convex 元件
Convex 元件需要清楚的資料所有權、包裝函式以及產生的型別。此技能會為 Convex 專案提供元件設計、實作、接線和驗證的指引。
快速開始 Convex 專案
開始建置 Convex 應用程式可能需要幾個特定框架的設定步驟。此技能會引導腳手架建立、provider 串接、環境變數,以及第一次驗證檢查。
將此請求複製給你的智慧代理,其中包含權威 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 Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「convex-quickstart」。 Set up Convex for a new React app.
預期結果:
助理會選擇 React starter template、準備腳手架步驟、請使用者執行 Convex dev loop,並列出驗證檢查項目。
正在使用「convex-quickstart」。 Add Convex to my existing Next.js project.
預期結果:
助理會找出 App Router provider 位置、說明 public Convex URL variable,並驗證 generated types 是否可用。
正在使用「convex-quickstart」。 Use Convex from a cloud coding agent.
預期結果:
助理會選擇匿名 agent 模式、說明為何無法使用瀏覽器登入,並將 development watcher 與一般程式碼編輯分開處理。
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"
使用 starter template 建立新的前端和 Convex 後端,並提供清楚的第一個驗證路徑。
在現有應用程式中安裝 Convex,並在正確的框架進入點串接 provider。
在雲端或無頭環境中無法使用瀏覽器登入時,使用匿名 agent 模式。
為簡單的 React 原型設定新的 Convex 應用程式。選擇最佳 starter template、說明 commands,並列出我應該先驗證的項目。
將 Convex 加入這個現有的 React 應用程式。找出 app entry point、安裝 package、串接 provider,並告訴我要如何確認 client 已連線。
為這個 Next.js App Router 專案設定 Convex。加入 client provider,將它放在 root layout,並使用正確的 public environment variable。
檢視這個 Convex 設定是否已準備好用於開發與生產。區分 dev watcher 步驟、agent 模式需求、部署時機,以及第一次 schema 驗證。
作者
get-convex授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
30c73eac2afe762f6aa9c4553158769369d47351
維護新鮮度
2026/7/18
使用量
4 次下載 · 119 次瀏覽
檔案結構
建構 Convex 元件
Convex 元件需要清楚的資料所有權、包裝函式以及產生的型別。此技能會為 Convex 專案提供元件設計、實作、接線和驗證的指引。
設定 Convex 驗證
當提供者串接、環境變數與後端檢查不一致時,Convex 驗證設定可能會失敗。此技能會引導正確的提供者流程,並加入已驗證的 Convex 驗證模式。
稽核 Convex 效能瓶頸
緩慢的 Convex 功能會浪費讀取、觸發廣泛失效,並隱藏競爭問題。此技能會引導 Claude、Codex 和 Claude Code 進行有針對性的效能稽核。
規劃安全的 Convex 資料遷移
破壞性的 Convex schema 變更可能導致部署失敗或損害生產資料。此技能會引導安全推出、批次回填、試跑與驗證。
將 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 很容易放錯位置,導致動畫靜默無效或過於吵雜。這項技能會引導你針對路由、Suspense、清單與共享元素的動畫做出選擇。
建置可用於正式環境的前端功能
由 davila7
前端團隊需要在各專案之間保持一致的 React 和 Next.js 指引。此技能提供前端分析的參考工作流程、品質實務和輔助腳本。
最佳化 Next.js 效能
由 Atman36
Next.js 應用程式可能因大型 bundle、薄弱的快取,以及未最佳化的媒體而變慢。此技能會引導 Claude、Codex 和 Claude Code,針對正式環境應用程式進行聚焦的效能改善。
最佳化 React 與 Next.js 效能
由 vercel-labs
React 和 Next.js 應用程式常因瀑布式請求、大型 bundle,以及可避免的重新渲染而降低速度。此技能為代理提供具體規則,以進行更安全、以效能為重點的變更。
自動化 Web 應用程式在地化
由 DNYoussef
新增多語支援往往會讓字串、路由、metadata 和 locale 檔案分散在整個程式碼庫中。這項 skill 會規劃並實作 i18n 設定,包含翻譯、驗證與文件。