dev skill
✓ 인증됨React, TypeScript, Convex, Resend를 사용하는 풀스택 애플리케이션에 대해 표준화된 개발 스타일을 적용합니다.
- GitHub 스타
- 404
- 파일
- 4
- 마지막 커밋
- 2026년 11월 9일
- 라이선스
- Apache-2.0
- 허용된 도구
- —
dev skill은 무엇을 하나요?
dev은(는) agent skill입니다. React, TypeScript, Convex, Resend를 사용하는 풀스택 애플리케이션에 대해 표준화된 개발 스타일을 적용합니다.
skill의 SKILL.md에서 생성된 요약입니다.
dev skill 정보
이 SKILL은 React, TypeScript, Convex 애플리케이션을 위한 일관된 풀스택 개발 스타일 유지를 지원합니다. Vite, Bun, Resend를 사용하는 개발자를 위해 엄격한 코딩 원칙과 아키텍처 가이드라인을 제공합니다. 에이전트가 이 SKILL을 로드하면 타입 안정성, 간결한 커뮤니케이션, 그리고 files.md, changelog.md, task.md 유지 관리와 같은 특정 문서화 습관을 우선시하는 페르소나를 채택합니다.
개발자는 이를 통해 새로운 기능이나 Convex mutation이 ctx.auth를 통한 소유권 확인 및 멱등성 로직 사용과 같이 확립된 패턴을 따르도록 보장할 수 있습니다. 또한 보안을 위해 Convex Auth 사용을 강제하며, window.confirm과 같은 브라우저 기본 기능 대신 Vercel Web Interface Guidelines를 준수하는 디자인을 적용합니다. 이를 통해 집중도 높은 코드 변경과 구조화된 문서 업데이트를 생성하며, 모든 수정 사항이 기존 리포지토리 설정과 프로젝트 요구 사항을 준수하도록 합니다.
agent가 수행할 수 있는 작업
- 1보안이 강화된 Convex mutation 구현쓰기 작업을 수행하기 전 서버에서 사용자 소유권을 확인하는 Convex mutation을 작성합니다.
- 2표준화된 UI 컴포넌트 적용표준 브라우저 알림 대신 기존 디자인 시스템을 사용하여 알림 시스템을 구축합니다.
- 3타입 안정성이 확보된 React 컴포넌트 개발any 타입을 사용하지 않고 TypeScript를 사용하여 새로운 React 컴포넌트를 빌드합니다.
skill의 SKILL.md를 기반으로 작성되었습니다. 모든 사용 사례는 해당 문서의 인용구와 대조 확인되었습니다.
dev skill 설치 방법
각 명령은 skill 폴더를 클라이언트의 skills 디렉터리에 복사합니다. 클라이언트를 재시작하거나 새 세션을 시작하여 로드하세요.플러그인에 dev skill 설치
/plugin marketplace add waynesutton/builder-skills /plugin install builder-skills@waynesutton
Claude Code에 dev skill 설치
~/.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/devClaude Code (project)에 dev skill 설치
.claude/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev .claude/skills/devCodex에 dev skill 설치
~/.agents/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.agents/skills/devGemini CLI에 dev skill 설치
~/.gemini/skills/dev/SKILL.md
$ npx degit waynesutton/builder-skills/skills/dev ~/.gemini/skills/devClaude.ai에 dev skill 설치
npx degit waynesutton/builder-skills/skills/dev dev && zip -r dev.zip dev # claude.ai → Customize → Skills → + → Create skill → Upload a skill → dev.zip
자동 검사
2026년 11월 14일에 실행됨전체 보고서 →자동 검사를 통과했습니다. 보안 감사는 아닙니다. 에이전트가 실행하기 전에 스크립트를 읽어 보세요. 검사 방식
- 소스 저장소 연결 및 접근 가능waynesutton/builder-skills/skills/dev is public and reachablegithub.com/waynesutton/builder-skills/tree/HEAD/skills/dev ↗통과
- 오픈 소스 라이선스 (OSI)Apache-2.0spdx.org/licenses/Apache-2.0.html ↗통과
- 최근 1년 내 커밋 또는 릴리스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
GitHub에서 보기Dev
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.
이 스킬의 파일
4dev skill 질문
Claude Code에 dev skill을 어떻게 설치하나요?
npx degit waynesutton/builder-skills/skills/dev ~/.claude/skills/dev를 실행합니다. Claude Code는 ~/.claude/skills(모든 프로젝트) 또는 .claude/skills(한 프로젝트)에서 skills를 로드하며, 설명이 작업과 일치할 때 skill을 사용합니다.
dev skill을 사용할 수 있는 클라이언트는 무엇인가요?
Agent Skills 형식을 읽는 모든 클라이언트(Claude Code, Codex, Gemini CLI, claude.ai(ZIP으로 업로드))가 사용할 수 있습니다. skill 내 스크립트는 클라이언트가 코드 실행을 허용하는 경우에만 실행됩니다.
Convex mutation에서 소유권은 어떻게 처리해야 하나요?
Mutation은 서버에서 문서를 로드하고 소유자를 ctx.auth의 호출자와 비교하거나, owner 필드의 인덱스를 조회하여 소유권을 확인해야 합니다.
어떤 문서 파일들을 유지 관리해야 하나요?
파일 추적을 위한 files.md, 버전 기록을 위한 changelog.md, UTC 타임스탬프를 사용한 진행 상황 추적을 위한 task.md 파일을 유지 관리해야 합니다.
React effect 사용 규칙은 무엇인가요?
useEffect 훅을 추가하기 전에 React 문서를 참조하여 해당 effect가 반드시 필요한 상황인지 확인해야 합니다.