Skill dev
✓ VerificadoImpone un estilo de desarrollo estandarizado para aplicaciones full stack que utilizan React, TypeScript, Convex y Resend.
- Estrellas en GitHub
- 404
- Archivos
- 4
- Último commit
- 9 nov 2026
- Licencia
- Apache-2.0
- Herramientas permitidas
- —
¿Qué hace la skill dev?
dev es una agent skill. Impone un estilo de desarrollo estandarizado para aplicaciones full stack que utilizan React, TypeScript, Convex y Resend.
Resumen generado a partir del SKILL.md de la skill.
Sobre la skill dev
Esta SKILL permite mantener un estilo de desarrollo full stack consistente para aplicaciones con React, TypeScript y Convex. Proporciona un conjunto de principios de codificación estrictos y directrices arquitectónicas para desarrolladores que trabajan con Vite, Bun y Resend. Cuando un agente carga esta SKILL, adopta una persona específica que prioriza la seguridad de tipos, la comunicación concisa y hábitos de documentación específicos, como mantener files.md, changelog.md y task.md.
Los desarrolladores la utilizan para asegurar que las nuevas funcionalidades o las mutaciones de Convex sigan patrones establecidos, como la verificación de propiedad a través de ctx.auth y el uso de lógica idempotente. La SKILL impone el uso de Convex Auth para la seguridad y se adhiere a las Vercel Web Interface Guidelines para el diseño, en lugar de usar valores predeterminados del navegador como window.confirm. Genera cambios de código enfocados y actualizaciones de documentación estructuradas, garantizando que cada modificación respete la configuración del repositorio existente y los requisitos del proyecto.
Lo que un agente puede hacer con ella
- 1Implementar mutaciones seguras en ConvexEscribir una mutación de Convex que verifique la propiedad del usuario en el servidor antes de realizar una operación de escritura.
- 2Aplicar componentes de UI estandarizadosCrear un sistema de notificaciones utilizando el sistema de diseño existente en lugar de usar alertas estándar del navegador.
- 3Desarrollar componentes de React con seguridad de tiposConstruir un nuevo componente de React usando TypeScript que evite el uso del tipo any.
Escrito a partir del SKILL.md de la skill. Cada caso de uso se verifica con una cita del mismo.
Cómo instalar la skill dev
Cada comando copia la carpeta de la skill al directorio de skills del cliente. Reinicia el cliente o inicia una nueva sesión para cargarla.Instalar la skill dev en Plugin
/plugin marketplace add waynesutton/builder-skills /plugin install builder-skills@waynesutton
Instalar la skill dev en Claude Code
~/.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/devInstalar la skill dev en Claude Code (project)
.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev .claude/skills/devInstalar la skill dev en Codex
~/.agents/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.agents/skills/devInstalar la skill dev en Gemini CLI
~/.gemini/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.gemini/skills/devInstalar la skill dev en 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
Verificaciones automáticas
Ejecutado 14 nov 2026Informe completo →Superó nuestras comprobaciones automáticas. No es una auditoría de seguridad: lee los scripts antes de dejar que un agente los ejecute. Cómo funcionan las verificaciones
- Repositorio de origen vinculado y accesiblewaynesutton/builder-skills/skills/dev is public and reachablegithub.com/waynesutton/builder-skills/tree/HEAD/skills/dev ↗Aprobado
- Licencia de código abierto (OSI)Apache-2.0spdx.org/licenses/Apache-2.0.html ↗Aprobado
- Commit o lanzamiento en el último añoLast commit 2026-11-09github.com/waynesutton/builder-skills/commits ↗Aprobado
- Sin descargar y ejecutar ni robo de credenciales en los scriptsNo scripts in the skill folderAprobado
- Sin instrucciones ocultas en SKILL.mdNo override phrases, safeguard switches, credential requests or hidden charactersgithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Aprobado
- Las herramientas preaprobadas están acotadasNo pre-approved tools; the agent asks before using onegithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Aprobado
SKILL.md
Ver en 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.
Archivos de esta skill
4Preguntas sobre la skill dev
¿Cómo instalo la skill dev en Claude Code?
Ejecuta npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/dev. Claude Code carga las skills desde ~/.claude/skills (todos los proyectos) o .claude/skills (un proyecto) y usa una skill cuando su descripción coincide con la tarea.
¿Qué clientes pueden usar la skill dev?
Cualquier cliente que lea el formato Agent Skills: Claude Code, Codex, Gemini CLI y claude.ai (subir como ZIP). Los scripts de la skill se ejecutan solo donde el cliente permite la ejecución de código.
¿Cómo deben manejar la propiedad las mutaciones de Convex?
Las mutaciones deben verificar la propiedad en el servidor cargando el documento y comparando su propietario con el que realiza la llamada desde ctx.auth, o bien mediante la lectura de un índice en el campo del propietario.
¿Qué archivos de documentación se deben mantener?
El flujo de trabajo requiere mantener files.md para el seguimiento de archivos, changelog.md para el historial de versiones y task.md para el seguimiento del progreso con marcas de tiempo UTC.
¿Cuáles son las reglas para usar efectos de React?
Debes consultar la documentación de React sobre cuándo son necesarios los efectos antes de añadir un hook useEffect.