ui-operator

Donghyun's Agent Tools

A host-neutral personal plugin marketplace for coding agents, focused on safety nets — plugins that keep code, spec, tests, and team knowledge in sync rather than generating net-new content.

Read docs/PHILOSOPHY.md for the mission, docs/CONVENTIONS.md for the rules every plugin follows, and docs/CONTRIBUTING.md to add a new plugin or skill.

---

Installation

Claude Code

# Add marketplace from GitHub.
claude plugin marketplace add edonghyun/donghyuns-agent-tools

# Or, during local development.
claude plugin marketplace add /Users/idonghyeon/projects/donghyuns-agent-tools

# Install plugins.
claude plugin install spec-mirror@donghyuns-agent-tools
claude plugin install qa-operator@donghyuns-agent-tools
claude plugin install feature-intake@donghyuns-agent-tools
claude plugin install ui-operator@donghyuns-agent-tools

# Refresh after marketplace changes.
claude plugin marketplace update donghyuns-agent-tools
claude plugin update qa-operator@donghyuns-agent-tools
claude plugin update feature-intake@donghyuns-agent-tools
claude plugin update ui-operator@donghyuns-agent-tools

Codex

Codex support reuses the same plugins/<plugin>/skills/ tree and adds Codex-specific manifests next to the Claude manifests:

• marketplace: .agents/plugins/marketplace.json
• plugin: plugins/<plugin>/.codex-plugin/plugin.json

# Add marketplace from GitHub.
codex plugin marketplace add edonghyun/donghyuns-agent-tools --ref main

# Or, during local development.
codex plugin marketplace add /Users/idonghyeon/projects/donghyuns-agent-tools

# Install Codex-supported plugins.
codex plugin add qa-operator@donghyuns-agent-tools
codex plugin add feature-intake@donghyuns-agent-tools
codex plugin add ui-operator@donghyuns-agent-tools

# Refresh after marketplace changes.
codex plugin marketplace upgrade donghyuns-agent-tools
codex plugin add qa-operator@donghyuns-agent-tools
codex plugin add feature-intake@donghyuns-agent-tools
codex plugin add ui-operator@donghyuns-agent-tools

Start a new Codex thread after install or update so the refreshed plugin skills are loaded into the session.

---

Plugins

ui-operator

Run evidence-backed UI iteration loops for changes already inside a product. ui-operator turns a web, mobile web, native mobile UI task, branch, PR, diff, local Codex session, or paired baseline/current targets into affected page/screen/state planning, route and modal screenshot capture, native app screenshot collection, side-by-side comparison reports, UI/UX findings, and recapture notes after improvements.

Just say:

이번 UI 변경 diff 기준으로 영향받는 페이지/모달 스샷 계획 잡고 baseline/current 비교해줘.
baseline은 localhost:3002, current는 localhost:3004야. 관리자 화면들 before/after 비교 리포트 만들어줘.
iOS/Android 앱 화면도 baseline/current로 스크린샷 수집해서 비교해줘.
이전 로컬 Codex session id에서 UI 작업 맥락을 뽑아서 capture plan 만들어줘.
UI 개선 중간 확인용으로 작업 내용에 따른 캡처와 리뷰 남겨줘.

Skills:

Command	Description
/ui-operator:start	Natural-language entry. Plans affected surfaces, captures, compares, reviews, and optionally iterates.
/ui-operator:plan	Map a task, diff, PR, local session id, or changed files into page/screen/state capture recipes.
/ui-operator:capture	Capture current or paired baseline/current screenshots for web routes, mobile screens, modals, dropdowns, and responsive states.
/ui-operator:compare	Generate side-by-side comparison reports from URLs or existing capture folders.
/ui-operator:review	Write screenshot-backed UI/UX findings grounded in comparison evidence.
/ui-operator:iterate	Rerun affected captures after code changes and preserve iteration evidence.

Workflow:

/ui-operator:start
  ├─ plan
  ├─ capture
  ├─ compare
  ├─ review
  └─ iterate, after changes

Plugin docs: CONCEPTS · WORKFLOW-GUIDE · EXAMPLES · TROUBLESHOOTING

---

feature-intake

Turn external feature artifacts into product integration analysis packages. feature-intake takes VoC-driven PoCs, demo apps, Figma prototypes, internal tools, AI experiments, or screenshots from another team and produces screenshot-backed page-walk traversal, user flows, user journeys, use cases, page-state/control-reaction coverage, product framing, integration fit, risks, MVP boundaries, and handoff documentation.

Just say:

이 PoC를 feature-intake 해줘. 스크린샷 포함해서 유저플로우, 유저저니, 유즈케이스, 제품 편입 분석까지 정리해줘.
와이어프레임 설계용으로 모든 페이지 상태와 버튼 클릭 반응까지 한 번에 정리해줘.
시작 페이지부터 페이지를 순회하면서 링크, 탭, 버튼, 모달 상태까지 캡처해줘.

Skills: