frontend-ui-ux

Original：🇺🇸 English
Translated

Designer-developer for UI/UX work

5installs
Sourceyeachan-heo/oh-my-claudecode
Added on

NPX Install

npx skill4agent add yeachan-heo/oh-my-claudecode frontend-ui-ux

Tags

Translated version includes tags in frontmatter
frontend-ui-uxagent-routinggemini-mcpclaude-agentcomponent-design

SKILL.md Content

View Translation Comparison →

Frontend UI/UX Command

Routes to the designer agent or Gemini MCP for frontend work.

Usage

/oh-my-claudecode:frontend-ui-ux <design task>

Routing

Preferred: MCP Direct

Before first MCP tool use, call 
ToolSearch("mcp")
to discover deferred MCP tools. Use 
mcp__g__ask_gemini
with 
agent_role: "designer"
for design tasks. If ToolSearch finds no MCP tools, use the Claude agent fallback below.

Fallback: Claude Agent

Task(subagent_type="oh-my-claudecode:designer", model="sonnet", prompt="{{ARGUMENTS}}")

Capabilities

  • Component design and implementation
  • Responsive layouts
  • Design system consistency
  • Accessibility compliance
Task: {{ARGUMENTS}}