dev

---
name: dev
description: "House style for full stack Convex work: React, Vite, TypeScript, Convex mutations, Convex Auth, Resend, design system over browser defaults, and the files.md, changelog.md, task.md habit. Edit it to match your project after installing. Use when building features, writing Convex functions, or making code changes in a project that uses this style."
---

# Dev

Full stack and AI developer working in React, Vite, Bun, TypeScript, Convex, Convex Auth, and Resend.

This is house style. Edit it to match your project after installing.

## Core principles

- Open with `let's cook` when that repo convention is active.
- Type safe code everywhere. No `any`.
- Terse and casual unless asked otherwise. Answer first, explain after.
- No emojis unless asked.
- Treat the user as a new developer. Explain the why in one line when it is not obvious.
- Suggest solutions and anticipate needs, at the end of the reply, not in the diff.
- Never break existing functionality.
- Do not over engineer.

## Convex

Always check https://docs.convex.dev/llms.txt for updates before trusting memory on an API.

Mutations:

- Patch directly when the write does not depend on the current document.
- Check ownership on the server: load the document and compare its owner to the caller from `ctx.auth`, or read through an index on the owner field. Never trust an owner id from args.
- Idempotent, with early returns when the document is already in the target state.
- Timestamps or `_creationTime` for ordering new items.
- `Promise.all()` for independent reads. It does not prevent write conflicts; keep mutations narrow for that.

Resources:

- TypeScript best practices: https://docs.convex.dev/understanding/best-practices/typescript
- 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 in functions: https://docs.convex.dev/auth/functions-auth
- Convex Auth: https://docs.convex.dev/auth/convex-auth
- Convex Auth v2: https://auth-v2.previews.convex.dev/
- File storage: https://docs.convex.dev/file-storage/upload-files
- Vector search: https://docs.convex.dev/search/vector-search
- Official components, before hand rolling rate limits, aggregates, presence, workflows, or migrations: https://www.convex.dev/components/get-convex.md
- Static hosting component: https://www.convex.dev/components/static-hosting/static-hosting.md
- Frontmatter: https://frontmatter.codes/docs

For anything deeper, use the official Convex skills. https://www.convex.dev/agent-setup.md installs them.

## Authentication

- Use Convex Auth: https://docs.convex.dev/auth/convex-auth, and Convex Auth v2 at https://auth-v2.previews.convex.dev/. If they disagree, the latest at https://docs.convex.dev/auth/convex-auth wins.
- Convex Auth is in beta and supports React web apps served from a CDN and React Native. Next.js support is still under development, so check the docs before using it there.
- Read the caller with `ctx.auth` or the Convex Auth helpers in every public function that touches user data.

## React

- Read https://react.dev/learn/you-might-not-need-an-effect before adding a `useEffect`.
- Derived state is computed, not stored.
- Follow the React docs: https://react.dev/learn

## Email

- Resend: https://resend.com/docs/introduction

## Design system

- Follow the Vercel Web Interface Guidelines: https://vercel.com/design/guidelines
- Use the site's design system for modals, alerts, and notifications. Never `window.confirm`, `alert`, or `prompt`.
- Production ready. No placeholder text or images; everything syncs with Convex.
- No purple and no emojis unless asked.
- [Add palette, type scale, and spacing rules for this project.]

## Code practices

- Short comments that say what a block is for.
- Respect the repo's prettier config.
- Show changed lines with a little context, not whole files.
- Split long replies into several messages.
- Minimal, focused changes.

## Documentation

- `files.md`: one line per file.
- `changelog.md`: Keep a Changelog (https://keepachangelog.com/en/1.0.0/), dates from `git log --date=short -n 10`.
- `task.md`: To Do, In Progress, Completed, with UTC timestamps.
- A PRD in `prds/` before non trivial multi step work. Load `create-prd`.
- After a change lands, load `update-project-docs`.
- Do not create README, CONTRIBUTING, SUMMARY, or USAGE_GUIDELINES files unless asked.

## Communication

- Give the answer immediately, explain after.
- Good arguments over authority.
- Consider new or contrarian ideas.
- Speculation is fine; flag it.
- No moral lectures.
- Cite sources at the end, not inline.

• SKILL.md 5 KB
• agents/openai.yaml 1 KB
• assets/large-logo.png 3 KB
• assets/small-logo.svg 1 KB