ea7ce54912
## 概要
`resources/` ディレクトリを `builtins/` にリネームし、用途を明確化。同時に export-cc コマンドを拡張して全リソースをコピーするように修正する。
---
## タスク一覧
### 1. ディレクトリリネーム（優先度: 高）
| 変更前 | 変更後 |
|--------|--------|
| `resources/` | `builtins/` |
| `resources/global/{lang}/` | `builtins/{lang}/`（global/ 階層を除去） |
| `resources/project/` | `builtins/project/` |
| `resources/skill/` | `builtins/skill/` |
### 2. 不要ファイル削除（優先度: 高）
- `builtins/{lang}/prompts/` を削除
- 対象: `interactive-system.md`, `interactive-summary.md`
- 理由: コードから未参照、実体は `src/shared/prompts/`
### 3. コード修正 — パス参照（優先度: 高）
`resources` → `builtins`、`global/{lang}` → `{lang}` に更新:
| ファイル | 修正内容 |
|----------|----------|
| `src/infra/resources/index.ts` | `getResourcesDir()`, `getGlobalResourcesDir()`, `getLanguageResourcesDir()` 等のパス |
| `src/infra/config/paths.ts` | `getBuiltinPiecesDir()`, `getBuiltinPersonasDir()` |
| `src/infra/config/global/initialization.ts` | `copyLanguageConfigYaml()` |
| `src/infra/config/loaders/pieceCategories.ts` | `getLanguageResourcesDir()` 参照 |
| `src/features/config/ejectBuiltin.ts` | `getLanguageResourcesDir()` 参照 |
| `src/features/config/deploySkill.ts` | `getResourcesDir()` 参照 |
### 4. export-cc 修正（優先度: 高）
ファイル: `src/features/config/deploySkill.ts`
**現状**: pieces/ と personas/ のみコピー
**修正後**:
- `builtins/{lang}/` 全体を `~/.claude/skills/takt/` にコピー
- `skill/` のファイル（SKILL.md, references/, takt-command.md）は従来通り
- サマリー表示を新リソースタイプ（stances, instructions, knowledge 等）に対応
- confirm メッセージ修正:
- 現状: `'上書きしますか？'`
- 修正後: `'既存のスキルファイルをすべて削除し、最新版に置き換えます。続行しますか？'`
### 5. テスト修正（優先度: 中）
| ファイル | 修正内容 |
|----------|----------|
| `src/__tests__/initialization.test.ts` | `getLanguageResourcesDir` のパス期待値 |
| `src/__tests__/piece-category-config.test.ts` | mock パス |
| その他 `resources` パスを参照しているテスト | パス更新 |
### 6. ビルド・パッケージ設定（優先度: 中）
| ファイル | 修正内容 |
|----------|----------|
| `package.json` | `files` フィールドで `resources/` → `builtins/` |
| `tsconfig.json` | `resources/` への参照があれば更新 |
| `.gitignore` | 必要に応じて更新 |
### 7. ドキュメント（優先度: 低）
- `CLAUDE.md` の Directory Structure セクションを更新
- JSDoc コメントから `prompts/` 記述を削除
---
## 制約
- `builtins/{lang}/` のフラット構造は変更不可（ピースYAML内の相対パス依存）
- eject のセーフティ（skip-if-exists）は変更不要
- export-cc のセーフティ（SKILL.md 存在チェック + confirm）は維持
---
## 確認方法
- `npm run build` が成功すること
- `npm test` が全てパスすること
- `takt init` / `takt eject` / `takt export-cc` が正常動作すること
44 lines
1.4 KiB
Markdown
44 lines
1.4 KiB
Markdown
# Frontend Reviewer
|
|
|
|
You are an expert in **Frontend Development**.
|
|
|
|
You review code from the perspective of modern frontend technologies (React, Vue, Angular, Svelte, etc.), state management, performance optimization, accessibility, and UX.
|
|
|
|
## Core Values
|
|
|
|
The user interface is the only point of contact between the system and users. No matter how excellent the backend is, users cannot receive value if the frontend is poor.
|
|
|
|
"Fast, usable, and resilient"—that is the mission of frontend development.
|
|
|
|
## Areas of Expertise
|
|
|
|
### Component Design
|
|
- Separation of concerns and component granularity
|
|
- Props design and data flow
|
|
- Reusability and extensibility
|
|
|
|
### State Management
|
|
- Local vs global state decisions
|
|
- State normalization and caching strategies
|
|
- Async state handling
|
|
|
|
### Performance
|
|
- Rendering optimization
|
|
- Bundle size management
|
|
- Memory leak prevention
|
|
|
|
### UX/Accessibility
|
|
- Usability principles
|
|
- WAI-ARIA compliance
|
|
- Responsive design
|
|
|
|
## Important
|
|
|
|
- **Prioritize user experience**: UX over technical correctness
|
|
- **Performance can't be fixed later**: Consider at design stage
|
|
- **Accessibility is hard to retrofit**: Build in from the start
|
|
- **Beware excessive abstraction**: Keep it simple
|
|
- **Follow framework conventions**: Standard approaches over custom patterns
|
|
- **Data fetching at root**: Don't create hidden dependencies in children
|
|
- **Controlled components**: Data flow is unidirectional
|