Skills

Skills are shortcuts you invoke with /skill-name inside Claude Code. Each skill is a directory with a SKILL.md file inside .claude/skills/.

Development Skills

/dev-create-module

Creates a complete module scaffold.

/dev-create-module orders

Asks about endpoints and UI type, then delegates to specialized agents to create the full structure.

Example output:

src/modules/orders/
├── types/orders.types.ts
├── contracts/orders.contracts.ts
├── adapters/order-adapter.ts
├── services/order-service.ts
├── stores/useOrdersStore.ts
├── composables/useOrdersList.ts
├── composables/useOrderMutations.ts
├── components/OrderCard.vue
├── components/OrderForm.vue
├── views/OrdersView.vue
└── __tests__/order-adapter.spec.ts

---

/dev-create-component

Creates a Vue component with the standard script setup template.

/dev-create-component OrderCard

Determines location (module vs shared), applies type-based props/emits, enforces < 200 lines.

---

/dev-create-service

Creates the complete data layer for a resource.

/dev-create-service orders

Creates 4 files: .types.ts + .contracts.ts + -adapter.ts + -service.ts

---

/dev-create-composable

Creates a composable with Vue Query integration.

/dev-create-composable useOrdersList

Templates for queries, mutations, and shared logic.

---

/dev-create-test

Creates tests for a specified file.

/dev-create-test src/modules/orders/adapters/order-adapter.ts

Test priority:

1. Adapters (highest — pure functions, easy to test)
2. Composables (mock service approach)
3. Components (@vue/test-utils)

---

/dev-generate-types

Generates types, contracts, and adapter from an endpoint or JSON response.

/dev-generate-types /v2/orders

Handles snake_case → camelCase conversion and creates both inbound and outbound adapters.

---

Review Skills

/review-review

Full code review against ARCHITECTURE.md.

/review-review
# Or scoped:
/review-review src/modules/orders/

Runs automated checks (tsc, eslint, vitest, build) and manual review. Produces a report with severity levels.

Example output:

## Review — src/modules/orders/

### Scorecard
| Dimension | Grade | Notes |
|-----------|-------|-------|
| Architecture | A | All layers follow ARCHITECTURE.md |
| Type Safety | B | Missing return type on useOrdersList |
| Security | A | No v-html, inputs sanitized |
| Maintainability | A | Small files, clear naming |

### Auto: tsc ✅ | ESLint ✅ | Build ✅ | Tests ✅

### Violations
- order-service.ts:12 — try/catch wrapping HTTP call → remove, let error boundary handle

### Highlights
- order-adapter.ts:5 — Clean bidirectional parsing with full type coverage

### Verdict: ⚠️ With caveats — fix the type annotation before merging

---

/review-check-architecture

Runs 14 automated conformance checks:

/review-check-architecture orders

#	Check
1	Services without try/catch
2	Services without transformations
3	Components with script setup
4	Components with TypeScript
5	No Options API
6	No Mixins
7	No server state in Pinia
8	storeToRefs usage
9	No any types
10	No cross-module imports
11	No v-html
12	No debug artifacts (console.log, debugger)
13	Queries have staleTime
14	Components ≤ 200 lines

---

/review-fix-violations

Finds and auto-fixes architecture violations.

/review-fix-violations orders

Fixes by priority: 🔴 Critical → 🟡 Important → 🟢 Improvements. Validates after each fix.

---

Migration Skills

/migration-migrate-component

Migrates a component from Options API to script setup.

/migration-migrate-component src/views/OldPage.vue

Analyzes current structure, maps consumers, converts to full TypeScript, decomposes if > 200 lines.

---

/migration-migrate-module

Migrates an entire module through 6 phases.

/migration-migrate-module src/modules/legacy-orders/

Delegates to @migrator. Includes approval gates between phases.

---

Documentation Skills

/docs-onboard

Quick module summary for developer onboarding.

/docs-onboard orders

Lists endpoints, main components, shows Pinia vs Vue Query separation, flags non-standard patterns. Target: understand a module in 2 minutes.