claude/skills/utility-creating-rules/SKILL.md
.claude/rules/ディレクトリにベストプラクティスに沿ったルールファイル(.md)を作成します。コーディングルール、テスト規約、セキュリティ要件などのプロジェクト固有の指示を作成する場合に使用します。paths frontmatterによる条件付きルール、適切なファイル名、サブディレクトリ構造をサポートします。
npx skillsauth add skanehira/dotfiles utility-creating-rulesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
.claude/rules/ディレクトリにベストプラクティスに沿ったルールファイルを作成する。
ユーザーに以下を確認:
.claude/rules/
├── code-style.md # 全体に適用
├── testing.md # 全体に適用
├── frontend/ # サブディレクトリで整理
│ ├── react.md
│ └── styles.md
└── backend/
├── api.md
└── database.md
条件なしルール(全ファイルに適用):
# [トピック名]
- ルール1
- ルール2
条件付きルール(特定ファイルのみ適用):
---
paths: src/**/*.ts
---
# [トピック名]
- ルール1
- ルール2
| パターン | マッチ対象 |
|---------|-----------|
| **/*.ts | 全ディレクトリのTypeScriptファイル |
| src/**/* | src/以下の全ファイル |
| *.md | ルートのMarkdownファイル |
| src/**/*.{ts,tsx} | src/以下のTS/TSXファイル |
| {src,lib}/**/*.ts, tests/**/*.test.ts | 複数パターンの組み合わせ |
詳細は references/best-practices.md を参照。
要点:
pathsを使用作成したルールファイルを検証:
.claude/rules/に正しく配置されているかpathsのglobパターンが意図通りか検証コマンド例:
# ファイル一覧を確認
ls -la .claude/rules/
# frontmatterの構文確認(pathsが正しいか)
head -10 .claude/rules/[ファイル名].md
問題があれば修正し、再度検証する。
/memoryコマンドで読み込み状況を確認可能tools
ローカルのコミット履歴と差分からDraft PRを作成する。ブランチ未作成・コミット未作成の状態でも、必要に応じてブランチ作成とコミットを行ってからPRを作成する。`.github/` にPRテンプレートがあれば内容を埋めて、なければ作業内容から本文を生成し、`AskUserQuestion`で作成可否を確認してから `gh pr create --draft` を実行する。「PRを出したい」「draft PRを作成」「プルリクを作って」「PR本文を生成」などのリクエストで起動。
tools
複数サブエージェントに異なる立場を与えて議論を反復し、相違が収束するまで議題を検証して結論を提示する。設計妥当性検証・実装方針比較・原因分析のセカンドオピニオン・アイデアの壁打ちに使用。「議論したい」「壁打ちしたい」「セカンドオピニオン」「複数視点で検証したい」などで起動。
tools
変更内容を分析し、Conventional Commit形式でコミットする (pushはユーザが手動)
development
React 19 + Vite+ (`vp`) + TypeScript + Tailwind CSS v4 + React Router v7 (HashRouter) でモバイル向け静的SPAデモサイトをTDDで構築し、Cloudflare Workers (Static Assets) へ自動デプロイするまでの標準ワークフローを提供する。テンプレートリポジトリ `skanehira/demo-site-template` を `gh repo create --template` で clone することで scaffold を省略する。`localStorage` でフロントエンドのみ完結する"フロントのみ完結デモ"に特化。デザインコンセプトの確立には `frontend-design` スキルを呼び出して連携する。起動トリガー:「デモサイトを作りたい」「モバイル向け静的デモ」「SPAを作ってCloudflareにデプロイ」「静的プロトタイプを公開」「localStorage でフロントだけ完結」。ユースケース:(1)クライアント提案用のUI/UXたたき台、(2)新機能のプロトタイプ、(3)モバイル向けランディング。ツールチェーンは Vite+ (`vp`) で統合(内部 PM は pnpm)。