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.zip

Installs 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.
229 chars✓ has a “when” trigger
Intermediate

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

You give it
A feature request or code change for a Convex project
You get back
Code adhering to Convex best practices, design guidelines, and documentation standards

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 cook when 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

Authentication

React guidelines

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.md with brief file descriptions
  • Maintain changelog.md following https://keepachangelog.com/en/1.0.0/
  • Keep task.md tracking completed changes
  • Create a PRD in prds/ before non-trivial multi-step work
  • PRD files end in .md and go in prds/ folder
  • Include UTC timestamps in PRDs and completed task entries
  • Run git log --date=short -n 10 before 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.

SkillInstallsUpdatedSafetyDifficulty
dev (this skill)01moNo flagsIntermediate
fullstack-guardian12moNo flagsAdvanced
javascript-typescript-typescript-scaffold33moReviewBeginner
convex-realtime15moNo flagsIntermediate

Try saying

Example prompts that trigger this skill in your AI assistant.

Search skills

Search the agent skills registry