dev skill
✓ 検証済みReact、TypeScript、Convex、Resendを使用したフルスタックアプリケーションに対して、標準化された開発スタイルを適用します。
- GitHubスター
- 404
- ファイル
- 4
- 最終コミット
- 2026年11月9日
- ライセンス
- Apache-2.0
- 許可されたツール
- —
dev skillは何をしますか
devはAgent Skillsです。 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による所有権の確認やべき等なロジックの使用といった、確立されたパターンに従っていることを保証できます。このSKILLは、セキュリティのためにConvex Authの使用を強制し、デザイン面ではwindow.confirmのようなブラウザのデフォルト機能ではなく、Vercel Web Interface Guidelinesに準拠します。これにより、焦点を絞ったコード変更と構造化されたドキュメントの更新が行われ、すべての修正が既存のリポジトリ設定とプロジェクト要件を尊重することを確実にします。
エージェントができること
- 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フックを追加する前に、Effectが必要かどうかについてReactのドキュメントを確認してください。