Skip to content
alyn
waynesutton

Dev skill

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.

$npx skills add waynesutton/builder-skills --skill dev
View this skill on GitHubwaynesutton/builder-skills/skills/dev/SKILL.md
Pack stars
404
Pack installs
38k
Alyn Score
59/99
Updated
2 days ago
License
Apache-2.0
– views – installs via Alyn

waynesutton

Dev

Install Dev

Pick your agent. Every command is ready to paste.

$npx skills add waynesutton/builder-skills --skill dev

The open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.

01

Install it

Run the command above, or upload the folder in Claude.

02

Ask naturally

Describe the task. Your agent loads dev when the request matches its description.

03

Name it if needed

If it does not trigger, say “use the dev skill”. In Codex, type $dev.

The skill itself

SKILL.md

FolderGitHub

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:

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

Authentication

React

Email

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.

Tips for Dev

  • • Start a fresh session after installing so your agent picks up the new skill.
  • • It bundles reference files. The agent reads them only when needed, so they cost no context until then.
  • • It is part of a pack with 22 skills. Install only the ones you need with --skill to keep triggers precise.
  • • If two skills overlap, mention the one you want by name.

Questions about Dev

What does the Dev skill do?

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.

How do I install Dev?

Run "npx skills add waynesutton/builder-skills --skill dev" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.

Does Dev work in Cursor and Codex?

Yes. Dev uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.

Is Dev free?

Dev is open source on GitHub under the Apache-2.0 license. It is free to install; check the license before commercial use.

Who made Dev?

Dev is published by waynesutton in the waynesutton/builder-skills repository, together with 21 other skills.

Similar skills. From other creators.