Skill dev
✓ VerifiedMenerapkan standar gaya pengembangan yang konsisten untuk aplikasi full stack menggunakan React, TypeScript, Convex, dan Resend.
- Bintang GitHub
- 404
- File
- 4
- Commit terakhir
- 9 Nov 2026
- Lisensi
- Apache-2.0
- Tool yang diizinkan
- —
Apa fungsi skill dev?
dev adalah agent skill. Menerapkan standar gaya pengembangan yang konsisten untuk aplikasi full stack menggunakan React, TypeScript, Convex, dan Resend.
Ringkasan dibuat dari SKILL.md skill ini.
Tentang skill dev
Skill ini memungkinkan Anda untuk menjaga konsistensi gaya pengembangan full stack untuk aplikasi React, TypeScript, dan Convex. Skill ini menyediakan serangkaian prinsip coding yang ketat dan panduan arsitektur bagi developer yang bekerja dengan Vite, Bun, dan Resend. Saat sebuah agent memuat skill ini, ia akan mengadopsi persona spesifik yang memprioritaskan type safety, komunikasi yang ringkas, serta kebiasaan dokumentasi tertentu seperti mengelola files.md, changelog.md, dan task.md.
Developer menggunakan ini untuk memastikan bahwa fitur baru atau Convex mutations mengikuti pola yang sudah ditetapkan, seperti memeriksa kepemilikan melalui ctx.auth dan menggunakan logika idempotent. Skill ini mewajibkan penggunaan Convex Auth untuk keamanan dan mematuhi Vercel Web Interface Guidelines untuk desain, alih-alih menggunakan default browser seperti window.confirm. Skill ini menghasilkan perubahan kode yang terfokus dan pembaruan dokumentasi yang terstruktur, memastikan setiap modifikasi menghormati konfigurasi repository dan persyaratan proyek yang ada.
Apa yang bisa dilakukan agent dengannya
- 1Implementasi Convex mutations yang amanMenulis Convex mutation yang memeriksa kepemilikan user di sisi server sebelum melakukan operasi penulisan (write operation).
- 2Penerapan komponen UI standarMembuat sistem notifikasi menggunakan design system yang sudah ada alih-alih menggunakan alert standar browser.
- 3Pengembangan komponen React yang type-safeMembangun komponen React baru menggunakan TypeScript yang menghindari penggunaan tipe any.
Ditulis dari SKILL.md milik skill tersebut. Setiap use case diverifikasi dengan kutipan darinya.
Cara install skill dev
Setiap perintah menyalin folder skill ke direktori skills client. Restart client atau mulai sesi baru untuk memuatnya.Install skill dev di Plugin
/plugin marketplace add waynesutton/builder-skills /plugin install builder-skills@waynesutton
Install skill dev di Claude Code
~/.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/devInstall skill dev di Claude Code (project)
.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev .claude/skills/devInstall skill dev di Codex
~/.agents/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.agents/skills/devInstall skill dev di Gemini CLI
~/.gemini/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.gemini/skills/devInstall skill dev di 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
Pengecekan otomatis
Berjalan 14 Nov 2026Laporan lengkap →Lolos cek otomatis kami. Ini bukan audit keamanan: baca skripnya sebelum membiarkan agent menjalankannya. Cara kerja checks
- Source repository terhubung dan dapat dijangkauwaynesutton/builder-skills/skills/dev is public and reachablegithub.com/waynesutton/builder-skills/tree/HEAD/skills/dev ↗Lolos
- Lisensi open source (OSI)Apache-2.0spdx.org/licenses/Apache-2.0.html ↗Lolos
- Ada commit atau release dalam satu tahun terakhirLast commit 2026-11-09github.com/waynesutton/builder-skills/commits ↗Lolos
- Skrip tanpa unduh-lalu-jalankan atau pencurian kredensialNo scripts in the skill folderLolos
- Tidak ada instruksi tersembunyi di SKILL.mdNo override phrases, safeguard switches, credential requests or hidden charactersgithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Lolos
- Tool yang diizinkan otomatis dibatasiNo pre-approved tools; the agent asks before using onegithub.com/waynesutton/builder-skills/blob/HEAD/skills/dev/S ↗Lolos
SKILL.md
Lihat di 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.
Berkas dalam skill ini
4Pertanyaan seputar skill dev
Bagaimana cara install skill dev di Claude Code?
Jalankan npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/dev. Claude Code memuat skill dari ~/.claude/skills (semua proyek) atau .claude/skills (satu proyek) dan menggunakan skill saat deskripsinya cocok dengan tugas.
Client mana saja yang bisa menggunakan skill dev?
Client apa pun yang membaca format Agent Skills: Claude Code, Codex, Gemini CLI, dan claude.ai (unggah sebagai ZIP). Script dalam skill hanya berjalan di client yang mengizinkan eksekusi kode.
Bagaimana seharusnya Convex mutations menangani kepemilikan (ownership)?
Mutations harus memeriksa kepemilikan di sisi server dengan memuat dokumen dan membandingkan pemiliknya dengan pemanggil dari ctx.auth, atau dengan membaca melalui index pada field owner.
File dokumentasi apa saja yang harus dikelola?
Workflow ini mewajibkan pengelolaan files.md untuk pelacakan file, changelog.md untuk riwayat versi, dan task.md untuk melacak progres dengan timestamp UTC.
Apa aturan dalam menggunakan React effects?
Anda harus berkonsultasi dengan dokumentasi React mengenai kapan sebuah effect diperlukan sebelum menambahkan hook useEffect.