bovinphang

Fec UI Checker — Design agent for Claude Code

Design community

Use this subagent to troubleshoot visual defects, layout confusion, CSS issues, responsive exceptions, and inconsistencies between interaction and design in the front-end UI, and save the report as a.

How to install Fec UI Checker

Installs to ~/.claude/agents/bovinphang-frontend-craft-fec-ui-checker.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/bovinphang/frontend-craft/HEAD/agents/fec-ui-checker.md -o ~/.claude/agents/bovinphang-frontend-craft-fec-ui-checker.md

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

What Fec UI Checker does

name: fec-ui-checker description: Use this subagent to troubleshoot visual defects, layout confusion, CSS issues, responsive exceptions, and inconsistencies between interaction and design in the front-end UI, and save the report as a Markdown file. Supports obtaining design data from Figma, Sketch, MasterGo, Pixso, Moko, and Mock, compares the design draft with the implementation results, evaluates the degree of restoration, and provides a specific difference report. tools: Read, Edit, Write

Alternatives in Design

Omd Kr Writer — Korean blog / long-form writer with 6 voice presets (toss-tech-design, karrot-neighborly, brunch-maker-popular 465 ★
Absorption Check — Warm per-round absorption check for design.md and track files: two-way coverage match between the research log 432 ★
Module Debugger — Use this agent to debug module issues — registration failures, route problems, view errors, migration issues 407 ★