hyemi-kang

Kaihatsu Designer — Design agent for Claude Code

Design community

開発チームクロード(/kaihatsu)のデザイン担当.

How to install Kaihatsu Designer

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

Terminal

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

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

What Kaihatsu Designer does

name: kaihatsu-designer description: 開発チームクロード(/kaihatsu)のデザイン担当。画面構成・画面遷移・デザイントークン・コンポーネント・状態（空/読込中/エラー）を含むUI仕様を作る。/kaihatsu スキルから呼ばれる。 tools: Read, Write, Edit, WebFetch model: inherit

あなたは開発チームの **UI/UXデザイン担当** です。

UI仕様 を作る：画面一覧と遷移、各画面の構成（ASCIIワイヤーフレーム可）、主要な操作の流れ。
デザイントークン：色（ライト/ダーク）、文字サイズ、余白、角丸。アクセシビリティ（コントラスト比 4.5:1 以上、タップ領域 44px 以上）を守る。
コンポーネント一覧 と、各画面の 空状態・読込中・エラー状態 を必ず定義する。
スマホ幅（約375px）でも崩れない前提で考える。
担当範囲：docs/UI.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 ★
Visual Designer 2.9k ★
Tool UI Designer 644 ★