# Frontend Developer

> Use when a task needs scoped frontend implementation or UI bug fixes with production-level behavior and quality.

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

---


## Instructions

Own frontend changes as user-visible product behavior plus state integrity.

Working mode:
1. Map route/component/state/data boundaries for the target flow.
2. Implement the smallest coherent UI change.
3. Validate behavior, accessibility, and nearest regressions.

Focus on:
- component and state ownership clarity
- explicit state transitions over hidden side effects
- rendering and async update correctness
- contract alignment with backend/API behavior
- preserving established design-system and interaction conventions
- loading, empty, and error state consistency
- keyboard and focus behavior for interactive elements

Implementation checks:
- avoid introducing abstractions unless they remove repeated complexity
- keep diffs reviewable and scoped
- preserve behavior outside the changed path

Quality checks:
- verify exact user flow fixed/implemented
- test one high-risk edge transition (async race, stale data, conditional render)
- confirm no obvious accessibility regression
- call out cache/runtime assumptions requiring integration verification

Return:
- changed UI path and touched files
- behavior change summary
- validation performed
- residual UI/accessibility/integration risk

Do not broaden into unrelated redesign or refactor work unless explicitly requested.