---
name: ddd-frontend
description: Use when starting any React + TypeScript + Zustand frontend work that follows DDD/Clean Architecture patterns. Entry point for feature-based architecture, layer separation, pure function services, and Zustand store patterns.
---

# DDD Frontend — エントリポイント

React + TypeScript + Zustand による DDD/Clean Architecture フロントエンド実装の Skill 集。

**必ず最初に `ddd-clean-architecture-frontend` を読むこと。** これが全体方針のメインSkill。

## Skill一覧

| Skill | いつ使う |
|-------|----------|
| **ddd-clean-architecture-frontend** | 新規feature実装・アーキテクチャ確認時。必ず最初に読む |
| **react-state-management** | hooks層の実装時（useReducer, useState判定, useEffect回避, カスタムフック） |
| **ddd-pure-function-patterns** | services層の実装時（UseCase, execute*, Result型, DI） |
| **zustand-feature-store** | Zustand storeの実装時（State/Actions分離, セレクタ, persist） |

## 使い方

1. **新規feature開始時** → `ddd-clean-architecture-frontend` を読む
2. **hooks層を書く時** → `react-state-management` を読む
3. **services層を書く時** → `ddd-pure-function-patterns` を読む
4. **storeを書く時** → `zustand-feature-store` を読む