Skill dev
✓ VérifiéApplique un style de développement standardisé pour les applications full stack utilisant React, TypeScript, Convex et Resend.
- Étoiles GitHub
- 404
- Fichiers
- 4
- Dernier commit
- 9 nov. 2026
- Licence
- Apache-2.0
- Outils autorisés
- —
Que fait la skill dev ?
dev est une agent skill. Applique un style de développement standardisé pour les applications full stack utilisant React, TypeScript, Convex et Resend.
Résumé généré à partir du SKILL.md de la skill.
À propos du skill dev
Cette SKILL permet de maintenir un style de développement full stack cohérent pour les applications React, TypeScript et Convex. Elle fournit un ensemble de principes de codage stricts et de directives architecturales pour les développeurs travaillant avec Vite, Bun et Resend. Lorsqu'un agent charge cette SKILL, il adopte une persona spécifique qui privilégie la sécurité du typage, une communication concise et des habitudes de documentation précises comme la maintenance de files.md, changelog.md et task.md.
Les développeurs l'utilisent pour s'assurer que les nouvelles fonctionnalités ou les mutations Convex suivent les modèles établis, tels que la vérification de la propriété via ctx.auth et l'utilisation d'une logique idempotente. La SKILL impose l'utilisation de Convex Auth pour la sécurité et respecte les Vercel Web Interface Guidelines pour le design, au lieu d'utiliser les fonctions par défaut du navigateur comme window.confirm. Elle produit des modifications de code ciblées et des mises à jour de documentation structurées, garantissant que chaque modification respecte la configuration du dépôt et les exigences du projet.
Ce qu'un agent peut faire avec
- 1Implémenter des mutations Convex sécuriséesÉcrire une mutation Convex qui vérifie la propriété de l'utilisateur côté serveur avant d'effectuer une opération d'écriture.
- 2Appliquer des composants UI standardisésCréer un système de notification en utilisant le système de design existant au lieu d'utiliser les alertes standard du navigateur.
- 3Développer des composants React typésConstruire un nouveau composant React avec TypeScript en évitant l'utilisation du type any.
Rédigé à partir du SKILL.md du skill. Chaque cas d'utilisation est vérifié par rapport à une citation de celui-ci.
Comment installer la skill dev
Chaque commande copie le dossier de la skill dans le répertoire des skills du client. Redémarrez le client ou démarrez une nouvelle session pour la charger.Installer la skill dev dans Plugin
/plugin marketplace add waynesutton/builder-skills /plugin install builder-skills@waynesutton
Installer la skill dev dans Claude Code
~/.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/devInstaller la skill dev dans Claude Code (project)
.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev .claude/skills/devInstaller la skill dev dans Codex
~/.agents/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.agents/skills/devInstaller la skill dev dans Gemini CLI
~/.gemini/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.gemini/skills/devInstaller la skill dev dans Claude.ai
npx degit waynesutton/builder-skills/skills/dev dev && zip -r dev.zip dev # claude.ai → Customize → Skills → + → Create skill → Upload a skill → dev.zip
Vérifications automatisées
Exécuté le 14 nov. 2026Rapport complet →A réussi nos vérifications automatiques. Ce n'est pas un audit de sécurité : lisez les scripts avant de laisser un agent les exécuter. Fonctionnement des vérifications
- Dépôt source lié et accessiblewaynesutton/builder-skills/skills/dev is public and reachablegithub.com/waynesutton/builder-skills/tree/HEAD/skills/dev ↗Réussi
- Licence open source (OSI)Apache-2.0spdx.org/licenses/Apache-2.0.html ↗Réussi
- Commit ou version publiée au cours de l'année écouléeLast commit 2026-11-09github.com/waynesutton/builder-skills/commits ↗Réussi
- Aucun téléchargement-exécution ni vol d'identifiants dans les scriptsNo scripts in the skill folderRéussi
- Aucune instruction cachée dans SKILL.mdNo override phrases, safeguard switches, credential requests or hidden charactersgithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Réussi
- Les outils préautorisés sont limitésNo pre-approved tools; the agent asks before using onegithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Réussi
SKILL.md
Voir sur GitHubDev
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 cookwhen 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
_creationTimefor 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.author 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
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, orprompt. - 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 fromgit 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. Loadcreate-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.
Fichiers de cette skill
4Questions sur la skill dev
Comment installer la skill dev dans Claude Code ?
Exécutez npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/dev. Claude Code charge les skills depuis ~/.claude/skills (tous les projets) ou .claude/skills (un seul projet) et utilise une skill lorsque sa description correspond à la tâche.
Quels clients peuvent utiliser la skill dev ?
Tout client qui lit le format Agent Skills : Claude Code, Codex, Gemini CLI et claude.ai (envoi sous forme de ZIP). Les scripts de la skill ne s'exécutent que si le client autorise l'exécution de code.
Comment les mutations Convex doivent-elles gérer la propriété des ressources ?
Les mutations doivent vérifier la propriété côté serveur en chargeant le document et en comparant son propriétaire avec l'appelant via ctx.auth, ou en effectuant une lecture via un index sur le champ owner.
Quels fichiers de documentation doivent être maintenus ?
Le workflow nécessite la maintenance de files.md pour le suivi des fichiers, changelog.md pour l'historique des versions, et task.md pour le suivi de la progression avec des horodatages UTC.
Quelles sont les règles concernant l'utilisation des effets React ?
Vous devez consulter la documentation React pour savoir quand les effets sont nécessaires avant d'ajouter un hook useEffect.