skills.rest
Tienching
TienchingCOMMUNITY
Explore all skills by this author →
GitHub

frontend-ui-ux

Route frontend UI/UX tasks to a designer agent or Gemini MCP.

3|Updated Apr 7, 2026
Search Tags:#workflow#frontend#mcp#gemini#ui-design#ux#design-system
One-click install
npx skills add https://github.com/Tienching/oh-my-codebuddy --skill frontend-ui-ux-tienching
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-ui-ux
Source: https://github.com/Tienching/oh-my-codebuddy/tree/main/skills/frontend-ui-ux
Command: npx skills add https://github.com/Tienching/oh-my-codebuddy --skill frontend-ui-ux-tienching

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Route frontend UI/UX tasks to a designer agent or Gemini MCP to accelerate UI/UX delivery and ensure design decisions align with development workflows.

Core Features & Use Cases

  • Routing of frontend UI/UX tasks to a designer agent or MCP tools
  • Context-rich handoff between design and development
  • Use Case: When a new UI component is needed, delegate the design task and retrieve specs, assets, and guidelines.

Quick Start

Assign a frontend UI task to the designer agent to draft a responsive and accessible UI concept for the upcoming component.

Frequently Asked Questions about frontend-ui-ux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I route frontend UI component design tasks to an AI designer agent?▼

You can route frontend UI component design tasks by delegating the work to a designer agent via Gemini MCP using mcp__g__ask_gemini with agent_role set to designer, or falling back to Codex agent delegation if MCP is unavailable.

Can I use this workflow to get accessibility review and implementation guidance for web applications?▼

Yes, this workflow supports accessibility review and implementation guidance across web applications by routing frontend UI/UX tasks directly to a designer agent for context-rich handoff between design and development.

What is the best way to bridge UI design specs and frontend code generation?▼

The best way to bridge UI design and code is to route frontend UI/UX tasks to a designer agent or Gemini MCP, which delivers design specs, assets, and guidelines directly aligned with your development workflow.

Does this approach require Gemini MCP to function, or is there a fallback mechanism?▼

No, it does not strictly require Gemini MCP; if MCP is unavailable, the workflow automatically falls back to Codex agent delegation to ensure your frontend UI/UX design tasks are still routed and completed.

How do I discover deferred MCP tools for frontend UX layout refinement?▼

You can discover deferred MCP tools for frontend UX layout refinement by executing ToolSearch with the mcp parameter, which surfaces available Gemini MCP tools for routing design tasks to the appropriate agent.

What limitations should I expect when using agent delegation for UI design?▼

The primary limitation is dependency on MCP availability; without Gemini MCP, the workflow falls back to Codex agent delegation, which may provide a different depth of context-rich handoff between design and development.

Related Skills

Explore More Design & Creative Skills→
Goblin1024Goblin1024
6

frontend-ui-ux

Route frontend UI/UX design tasks to the designer agent or Gemini MCP.

Community
Intermediate
HanHan666666HanHan666666
10

frontend-design

Design and implement frontend interfaces with design tokens and responsive guidelines.

Community
Advanced
srbhrsrbhr
28.1k

design-principles

Apply Swiss International Style guidelines to UI component design and visual tokens.

Community
Basic
shaun0927shaun0927

frontend-ui-ux

Route frontend UI/UX design tasks to designer agents or Gemini MCP.

Community
Intermediate