---
name: start-frontend-slice
description: Read the required frontend files, summarize the current slice, define scope and files, and prepare for UI implementation before coding.
disable-model-invocation: true
allowed-tools: Read, Glob, Grep
---

Use this skill at the start of a non-trivial frontend slice.

## Steps
1. Read:
   - `CLAUDE.md`
   - `.claude/rules/00-core-workflow.md`
   - `.claude/rules/01-skill-selection.md`
   - `.claude/rules/02-file-reading-rules.md`
   - `.claude/rules/frontend/ui-ux.md`
   - `docs/planning/active-task.md`
   - `docs/quality/definition-of-done.md`
   - `docs/quality/ux-scorecard.md`
2. Summarize:
   - goal
   - in-scope UI surface
   - out-of-scope items
   - expected files to touch
3. Propose a short implementation sequence.
4. If the slice changes visible UI, explicitly use `/frontend-design` before major implementation.
5. Do not start coding until the slice summary is clear.