# Development Workflow

> Complete workflow from new Hook/Component/Util development to deployment. Use when starting new feature development.

- Skill: `toss/development-workflow` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add toss/development-workflow`
- Raw SKILL.md: https://api.skillmd.com/api/skills/toss/development-workflow/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: toss (https://skillmd.com/u/toss)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/toss/development-workflow

---


# Development Workflow Guide

## Quick Start

```
Scaffold → Implementation → Testing → Documentation → Review → Changeset → Merge
```

## Workflow Steps

### 1. Scaffold

```bash
yarn scaffold useNewHook --type h   # Hook
yarn scaffold MyComponent --type c   # Component
```

### 2. Implementation

- Write JSDoc
- Implement functionality
- Ensure accurate TypeScript types

### 3. Testing (100% coverage required)

```bash
yarn test:spec
yarn test:coverage
```

- SSR testing required
- Handle edge cases

### 4. Documentation

- @description, @param, @returns, @example

### 5. Review

```bash
yarn test          # Full validation
yarn test:type     # Type check
yarn test:lint     # Lint
```

### 6. Changeset

```bash
yarn changeset
# patch: Bug fix
# minor: New feature
# major: Breaking change
```

### 7. Merge

```bash
git checkout -b feat/add-use-new-hook
git add . && git commit -m "feat: add useNewHook"
gh pr create
```

## References

- [details.md](references/details.md) - Detailed guide