dev skill
✓ DoğrulandıReact, TypeScript, Convex ve Resend kullanarak tam yığın (full stack) uygulamalar için standartlaştırılmış bir geliştirme stili uygular.
- GitHub yıldızları
- 404
- Dosyalar
- 4
- Son commit
- 9 Kas 2026
- Lisans
- Apache-2.0
- İzin verilen araçlar
- —
dev skill ne işe yarar?
dev bir agent skill'dir. React, TypeScript, Convex ve Resend kullanarak tam yığın (full stack) uygulamalar için standartlaştırılmış bir geliştirme stili uygular.
Özet, skill'in SKILL.md dosyasından oluşturuldu.
dev skilli hakkında
Bu SKILL, React, TypeScript ve Convex uygulamaları için tutarlı bir tam yığın geliştirme stili sürdürmenizi sağlar. Vite, Bun ve Resend ile çalışan geliştiriciler için bir dizi katı kodlama ilkesi ve mimari kılavuz sunar. Bir agent bu SKILL'i yüklediğinde; tip güvenliğine, kısa ve öz iletişime ve files.md, changelog.md ile task.md dosyalarını tutmak gibi belirli dokümantasyon alışkanlıklarına öncelik veren özel bir persona benimser.
Geliştiriciler bunu, yeni özelliklerin veya Convex mutasyonlarının ctx.auth üzerinden sahiplik kontrolü ve idempotent mantık kullanımı gibi yerleşik kalıplara uymasını sağlamak için kullanır. SKILL, güvenlik için Convex Auth kullanımını zorunlu kılar ve tasarım için window.confirm gibi tarayıcı varsayılanlarını kullanmak yerine Vercel Web Interface Guidelines kurallarına bağlı kalır. Odaklanmış kod değişiklikleri ve yapılandırılmış dokümantasyon güncellemeleri üreterek, her değişikliğin mevcut depo yapılandırmasına ve proje gereksinimlerine saygı duymasını sağlar.
Bir agent bununla neler yapabilir
- 1Güvenli Convex mutasyonları uygulayınYazma işlemi gerçekleştirmeden önce sunucu tarafında kullanıcı sahipliğini kontrol eden bir Convex mutasyonu yazın.
- 2Standartlaştırılmış UI bileşenlerini uygulayınStandart tarayıcı uyarılarını kullanmak yerine mevcut tasarım sistemini kullanarak bir bildirim sistemi oluşturun.
- 3Tip güvenli React bileşenleri geliştirinany tipinin kullanımından kaçınan, TypeScript kullanarak yeni bir React bileşeni oluşturun.
Skill'in SKILL.md dosyasından yazılmıştır. Her kullanım durumu oradaki bir alıntı ile kontrol edilir.
dev skill nasıl kurulur
Her komut, skill klasörünü istemcinin skills dizinine kopyalar. Yüklemek için istemciyi yeniden başlatın veya yeni bir oturum başlatın.dev skill'ini Eklenti uygulamasına kur
/plugin marketplace add waynesutton/builder-skills /plugin install builder-skills@waynesutton
dev skill'ini Claude Code uygulamasına kur
~/.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/devdev skill'ini Claude Code (project) uygulamasına kur
.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev .claude/skills/devdev skill'ini Codex uygulamasına kur
~/.agents/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.agents/skills/devdev skill'ini Gemini CLI uygulamasına kur
~/.gemini/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.gemini/skills/devdev skill'ini Claude.ai uygulamasına kur
npx degit waynesutton/builder-skills/skills/dev dev && zip -r dev.zip dev # claude.ai → Customize → Skills → + → Create skill → Upload a skill → dev.zip
Otomatik kontroller
Çalıştırıldı 14 Kas 2026Tam rapor →Otomatik kontrollerimizi geçti. Bu bir güvenlik denetimi değil: bir ajanın çalıştırmasına izin vermeden önce betikleri okuyun. Kontroller nasıl çalışır
- Kaynak deposu bağlantılı ve erişilebilirwaynesutton/builder-skills/skills/dev is public and reachablegithub.com/waynesutton/builder-skills/tree/HEAD/skills/dev ↗Geçti
- Açık kaynak lisansı (OSI)Apache-2.0spdx.org/licenses/Apache-2.0.html ↗Geçti
- Son bir yıl içinde commit veya sürüm mevcutLast commit 2026-11-09github.com/waynesutton/builder-skills/commits ↗Geçti
- Betiklerde indir-çalıştır veya kimlik bilgisi hırsızlığı yokNo scripts in the skill folderGeçti
- SKILL.md içinde gizli talimat yokNo override phrases, safeguard switches, credential requests or hidden charactersgithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Geçti
- Önceden izin verilen araçlar sınırlıNo pre-approved tools; the agent asks before using onegithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Geçti
SKILL.md
GitHub'da görüntüleDev
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.
Bu becerideki dosyalar
4dev skill soruları
dev skill'ini Claude Code uygulamasına nasıl kurarım?
npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/dev komutunu çalıştırın. Claude Code, skill'leri ~/.claude/skills (tüm projeler) veya .claude/skills (tek proje) konumundan yükler ve açıklaması görevle eşleştiğinde skill'i kullanır.
dev skill'ini hangi istemciler kullanabilir?
Agent Skills biçimini okuyan her istemci: Claude Code, Codex, Gemini CLI ve claude.ai (ZIP olarak yükleyin). Skill içindeki betikler yalnızca istemcinin kod çalıştırmaya izin verdiği yerlerde çalışır.
Convex mutasyonları sahiplik kontrolünü nasıl yapmalıdır?
Mutasyonlar, dokümanı yükleyip sahibini ctx.auth üzerinden gelen çağırıcı ile karşılaştırarak veya owner alanı üzerindeki bir index aracılığıyla sahipliği sunucu tarafında kontrol etmelidir.
Hangi dokümantasyon dosyaları tutulmalıdır?
İş akışı; dosya takibi için files.md, sürüm geçmişi için changelog.md ve ilerlemeyi UTC zaman damgalarıyla takip etmek için task.md dosyalarının tutulmasını gerektirir.
React effect kullanımı için kurallar nelerdir?
Bir useEffect hook'u eklemeden önce, effect kullanımının ne zaman gerekli olduğuna dair React dokümantasyonuna danışmalısınız.