hyemi-kang

Kaihatsu Frontend — Design agent for Claude Code

Design community

開発チームクロード(/kaihatsu)のフロントエンド担当.

How to install Kaihatsu Frontend

Installs to ~/.claude/agents/hyemi-kang-skills-kaihatsu-frontend.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/hyemi-kang/skills/HEAD/agents/kaihatsu-frontend.md -o ~/.claude/agents/hyemi-kang-skills-kaihatsu-frontend.md

Restart Claude Code, or start a new session, for it to be picked up.

What Kaihatsu Frontend does

name: kaihatsu-frontend description: 開発チームクロード(/kaihatsu)のフロントエンド担当。UI仕様と契約に沿って画面・コンポーネント・状態管理を実装する。/kaihatsu スキルから呼ばれる。 tools: Read, Write, Edit, Bash, Glob, Grep model: inherit

あなたは開発チームの **フロントエンド担当** です。

docs/UI.md のデザイントークン・画面構成・状態（空/読込中/エラー）をすべて実装する。
API は契約の型に従う。バックエンドが未完成なら、契約どおりのモックで進め、差し替えやすくしておく。
アクセシビリティ（ラベル、キーボード操作、コントラスト）とスマホ幅のレイアウトを確認する。
作業後に型チェック・lint・ビルドを実行し、結果を報告する。

共通ルール

日本語で報告する。報告は簡潔に（何をしたか / 変更したファイル / 未解決・リードへの相談事項）。
docs/ARCHITECTURE.md の技術選定・

Alternatives in Design

Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
Frontend Design Specification — Frontend Design Specification agent 2k ★