Навык dev
✓ ПровереноОбеспечивает единый стиль разработки full stack приложений с использованием React, TypeScript, Convex и Resend.
- Звёзды на GitHub
- 404
- Файлы
- 4
- Последний коммит
- 9 нояб. 2026 г.
- Лицензия
- Apache-2.0
- Разрешённые инструменты
- —
Что делает навык dev?
dev — это Agent Skill. Обеспечивает единый стиль разработки full stack приложений с использованием React, TypeScript, Convex и Resend.
Сводка сгенерирована из SKILL.md навыка.
О skill dev
Этот SKILL позволяет поддерживать единообразный стиль full stack разработки для приложений на React, TypeScript и Convex. Он предоставляет набор строгих принципов кодирования и архитектурных рекомендаций для разработчиков, работающих с Vite, Bun и Resend. При загрузке этого навыка агент принимает определенную роль, в которой приоритет отдается типобезопасности, лаконичному общению и специфическим привычкам ведения документации, таким как поддержка файлов files.md, changelog.md и task.md.
Разработчики используют его, чтобы новые функции или мутации Convex соответствовали установленным паттернам, таким как проверка владения через ctx.auth и использование идемпотентной логики. Навык предписывает использование Convex Auth для обеспечения безопасности и придерживается Vercel Web Interface Guidelines для дизайна вместо использования стандартных браузерных средств вроде window.confirm. Он генерирует сфокусированные изменения кода и структурированные обновления документации, гарантируя, что каждая модификация учитывает текущую конфигурацию репозитория и требования проекта.
Что агент может делать с ним
- 1Реализация безопасных мутаций ConvexНапишите мутацию Convex, которая проверяет права владения пользователя на стороне сервера перед выполнением операции записи.
- 2Применение стандартизированных UI-компонентовСоздайте систему уведомлений, используя существующую дизайн-систему вместо стандартных браузерных алертов.
- 3Разработка типобезопасных React-компонентовСоздайте новый React-компонент на TypeScript, избегая использования типа any.
Написано на основе skill SKILL.md. Каждый сценарий использования проверен по цитате из него.
Как установить навык dev
Каждая команда копирует папку навыка в каталог навыков клиента. Перезапустите клиент или начните новую сессию, чтобы загрузить его.Установка навыка dev в Плагин
/plugin marketplace add waynesutton/builder-skills /plugin install builder-skills@waynesutton
Установка навыка dev в Claude Code
~/.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/devУстановка навыка dev в Claude Code (project)
.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev .claude/skills/devУстановка навыка dev в Codex
~/.agents/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.agents/skills/devУстановка навыка dev в Gemini CLI
~/.gemini/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.gemini/skills/devУстановка навыка dev в 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
Автоматические проверки
Запущено 14 нояб. 2026 г.Полный отчёт →Прошёл наши автоматические проверки. Это не аудит безопасности: прочитайте скрипты, прежде чем агент их запустит. Как работают проверки
- Связанный и доступный исходный репозиторийwaynesutton/builder-skills/skills/dev is public and reachablegithub.com/waynesutton/builder-skills/tree/HEAD/skills/dev ↗Пройдено
- Open source лицензия (OSI)Apache-2.0spdx.org/licenses/Apache-2.0.html ↗Пройдено
- Коммит или релиз за последний годLast commit 2026-11-09github.com/waynesutton/builder-skills/commits ↗Пройдено
- В скриптах нет загрузки с запуском и кражи учётных данныхNo scripts in the skill folderПройдено
- В SKILL.md нет скрытых инструкцийNo override phrases, safeguard switches, credential requests or hidden charactersgithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Пройдено
- Заранее разрешённые инструменты ограниченыNo pre-approved tools; the agent asks before using onegithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Пройдено
SKILL.md
Открыть на 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.
Файлы в этом навыке
4Вопросы о навыке dev
Как установить навык dev в Claude Code?
Выполните npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/dev. Claude Code загружает навыки из ~/.claude/skills (все проекты) или .claude/skills (один проект) и использует навык, когда его описание соответствует задаче.
Какие клиенты могут использовать навык dev?
Любой клиент, который читает формат Agent Skills: Claude Code, Codex, Gemini CLI и claude.ai (загрузить как ZIP). Скрипты в навыке выполняются только там, где клиент разрешает выполнение кода.
Как мутации Convex должны обрабатывать права владения?
Мутации должны проверять права владения на стороне сервера, загружая документ и сравнивая его владельца с вызывающим пользователем из ctx.auth, либо через поиск по индексу по полю owner.
Какие файлы документации необходимо вести?
Рабочий процесс требует ведения файлов files.md для отслеживания файлов, changelog.md для истории версий и task.md для отслеживания прогресса с метками времени UTC.
Каковы правила использования React effects?
Прежде чем добавлять хук useEffect, следует обратиться к документации React, чтобы понять, действительно ли в данном случае необходимы эффекты.