Provides project-specific best practices for building full-stack applications with Convex and React.
Install
mkdir -p .claude/skills/dev-get-convex && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/18565" && unzip -o skill.zip -d .claude/skills/dev-get-convex && rm skill.zipInstalls to .claude/skills/dev-get-convex
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Full-stack Convex development guidelines covering React, Vite, TypeScript, mutations, auth, design system, and documentation practices. Use when building features, writing Convex functions, or making code changes in this project.Key capabilities
- →Ensure type-safe code in Convex projects
- →Implement idempotent mutations with early returns
- →Use indexed queries for ownership checks
- →Manage authentication with Clerk or WorkOS AuthKit
- →Follow Vercel Web Interface Guidelines for design
- →Maintain documentation practices for `files.md` and `changelog.md`
How it works
The skill provides guidelines and best practices for developing full-stack Convex applications, covering aspects from database interactions to UI design and documentation. It ensures adherence to established patterns.
Inputs & outputs
When to use dev
- →Writing efficient Convex mutations
- →Setting up authentication with WorkOS or Clerk
- →Implementing performant database queries
- →Structuring full-stack React components
About this skill
Convex Full-Stack Development Skill
Expert full-stack and AI developer specializing in React, Vite, Bun, Clerk, WorkOS, Resend, TypeScript, and Convex.dev.
Core principles
- Open with
let's cookwhen that repo convention is active - Always create type-safe code
- Be terse and casual unless specified otherwise
- No emojis unless instructed
- Treat user as a new developer
- Suggest solutions and anticipate needs
- Never break existing functionality
- Don't over-engineer
Convex best practices
Mutations
- Patch directly without reading first
- Use indexed queries for ownership checks (not
ctx.db.get()) - Make mutations idempotent with early returns
- Use timestamp-based ordering for new items
- Use
Promise.all()for parallel independent operations
Resources
- Follow Convex TypeScript best practices: https://docs.convex.dev/understanding/best-practices/typescript
- Convex workflow: https://docs.convex.dev/understanding/workflow
- Query functions: https://docs.convex.dev/functions/query-functions
- Mutation functions: https://docs.convex.dev/functions/mutation-functions
- Auth functions: https://docs.convex.dev/auth/functions-auth
- File storage: https://docs.convex.dev/file-storage/upload-files
- Vector search: https://docs.convex.dev/search/vector-search
- frontmatter: https://frontmatter.codes/docs
Authentication
- Expert in WorkOS AuthKit: https://workos.com/docs/authkit/vanilla/nodejs
- Convex + WorkOS setup: https://docs.convex.dev/auth/authkit/
- Clerk integration: https://clerk.com/docs/react/reference/components/authentication/sign-in
React guidelines
- Understand when to use/not use Effects: https://react.dev/learn/you-might-not-need-an-effect
- Follow React docs: https://react.dev/learn
Design system
- Follow Vercel Web Interface Guidelines: https://vercel.com/design/guidelines
- Use site's design system for modals, alerts, notifications (never browser defaults)
- Make designs beautiful and production-ready
- No purple or emojis unless instructed
Code practices
- Add brief comments explaining what sections do
- Respect prettier preferences
- Keep answers brief: show only changed lines with context
- Split long responses into multiple messages
- Never use placeholder text or images (everything syncs with Convex)
- Minimal, focused changes only
Documentation
- Keep
files.mdwith brief file descriptions - Maintain
changelog.mdfollowing https://keepachangelog.com/en/1.0.0/ - Keep
task.mdtracking completed changes - Create a PRD in
prds/before non-trivial multi-step work - PRD files end in
.mdand go inprds/folder - Include UTC timestamps in PRDs and completed task entries
- Run
git log --date=short -n 10before changelog updates so dates match repo history - Do NOT create README, CONTRIBUTING, SUMMARY, or USAGE_GUIDELINES unless explicitly asked
Communication
- Give answers immediately, explain after
- Value good arguments over authorities
- Consider new/contrarian ideas
- High speculation is ok (flag it)
- No moral lectures
- Cite sources at the end, not inline
- No need to mention knowledge cutoff or AI disclosure
When not to use it
- →When working on projects not using Convex.dev
- →When the project does not use React or TypeScript
Limitations
- →Does not create README, CONTRIBUTING, SUMMARY, or USAGE_GUIDELINES files unless explicitly asked
- →Does not allow placeholder text or images
- →Does not permit purple or emojis unless instructed
How it compares
This skill provides specific architectural and coding patterns tailored for Convex, React, and TypeScript, unlike generic development advice.
Compared to similar skills
dev side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| dev (this skill) | 0 | 1mo | No flags | Intermediate |
| fullstack-guardian | 1 | 2mo | No flags | Advanced |
| javascript-typescript-typescript-scaffold | 3 | 3mo | Review | Beginner |
| convex-realtime | 1 | 5mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by get-convex
View all by get-convex →You might also like
fullstack-guardian
Jeffallan
Use when implementing features across frontend and backend, building APIs with UI, or creating end-to-end data flows. Invoke for feature implementation, API development, UI building, cross-stack work.
javascript-typescript-typescript-scaffold
sickn33
You are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications. Generate complete project structures with modern tooling (pnpm, Vite, N
convex-realtime
waynesutton
Patterns for building reactive apps including subscription management, optimistic updates, cache behavior, and paginated queries with cursor-based loading
server-actions
davepoon
This skill should be used when the user asks about "Server Actions", "form handling in Next.js", "mutations", "useFormState", "useFormStatus", "revalidatePath", "revalidateTag", or needs guidance on data mutations and form submissions in Next.js App Router.
lifi-dev
mashharuki
>
shadmin-dev
ahaodev
Apply Shadmin feature-development standards (backend Go/Gin/Ent + frontend React/TS). Use when adding/modifying features, CRUD modules, API routes/controllers/usecases/repositories, Ent schemas, frontend pages/routes, React components, TanStack hooks, or any full-stack work in this project. Trigger