From yutaura-toolkit
Claude Code の rules ファイル(.claude/rules/*.md)を作成・改善するためのスキル。新規プロジェクトへの rules 導入、既存 rules の分析・リファクタリング、条件付きルールの設計に使用。「rules を作成したい」「CLAUDE.md を整理したい」「ルールを追加したい」といった要求時にトリガー。
How this skill is triggered — by the user, by Claude, or both
Slash command
/yutaura-toolkit:claude-code-rulesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
`.claude/rules/` に配置する rules ファイルの作成・改善ワークフロー。
.claude/rules/ に配置する rules ファイルの作成・改善ワークフロー。
ユーザー要求
│
├─ "rules を新規作成したい"
│ └─→ [新規作成フロー] へ
│
├─ "既存の rules を改善したい"
│ └─→ [改善フロー] へ
│
└─ "rules の書き方を教えて"
└─→ references/rule-format.md を参照
以下を確認:
.claude/rules/ または ~/.claude/rules/(ユーザー共通)フォーマット詳細は references/rule-format.md を参照。
基本テンプレート:
---
description: [何を強制するか]. Use when [トリガー条件].
paths: "**/*.{ts,tsx}" # 省略時は全ファイル
---
# [Rule Title]
## Purpose
[このルールが何を強制するか]
## Rules
### Required
1. [必須ルール1]
2. [必須ルール2]
### Recommended
- [推奨事項]
## Examples
### Bad
\```typescript
// 悪い例
\```
### Good
\```typescript
// 良い例
\```
**Why**: [説明]
作成後の確認事項:
description が第三人称 + トリガー条件を含むpaths が正しい glob パターンである# 既存 rules の確認
ls -la .claude/rules/
# 各ファイルの行数確認
wc -l .claude/rules/*.md
よくある問題:
| 問題 | 解決策 |
|---|---|
| 1ファイルが長すぎる(500行超) | トピック別に分割 |
| description が曖昧 | 第三人称 + トリガー条件に修正 |
| 具体例がない | Good/Bad パターンを追加 |
| paths が広すぎる | より限定的なパターンに |
分割の基準:
testing.md, api-design.md)frontend/, backend/)| パターン | 意味 |
|---|---|
**/*.ts | 全ディレクトリの TS ファイル |
src/**/* | src/ 配下の全ファイル |
**/*.{ts,tsx} | TS と TSX 両方 |
**/test/**/*.ts | test ディレクトリ配下の TS |
| 省略 | 全ファイルに適用 |
.claude/rules/
├── code-style.md
├── testing.md
└── security.md
.claude/rules/
├── general/
│ ├── code-style.md
│ └── git-workflow.md
├── frontend/
│ ├── react.md
│ └── css.md
└── backend/
├── api-design.md
└── database.md
詳細なフォーマット仕様は references/rule-format.md を参照。
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
npx claudepluginhub yutaura/claude-marketplace --plugin yutaura-toolkit