frontend-ui-ux

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

Updated Feb 14, 2026
One-click install
npx skills add https://github.com/shaun0927/codex-superskills --skill frontend-ui-ux-shaun0927
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-ui-ux
Source: https://github.com/shaun0927/codex-superskills/tree/main/skills/frontend-ui-ux
Command: npx skills add https://github.com/shaun0927/codex-superskills --skill frontend-ui-ux-shaun0927

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Routes frontend UI/UX design tasks to designer agents or Gemini MCP. This routing streamlines handoffs between product, design, and engineering, reducing back-and-forth and speeding delivery.

Core Features & Use Cases

  • Route frontend UI/UX tasks to designer agents or Gemini MCP for frontend work.
  • Use MCP direct with ToolSearch("mcp") and mcp__g__ask_gemini prompts for design tasks; fallback to Codex agent if MCP tools are unavailable.
  • Manage design handoffs for components, layouts, accessibility, and design system consistency.

Quick Start

Invoke the superskills command with your frontend design task to initiate the designer workflow.

Frequently Asked Questions about frontend-ui-ux

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

FAQPage Schema
How do I streamline frontend UI/UX design handoffs between product and engineering?

Frontend UI/UX design handoffs are streamlined by routing design tasks directly to designer agents or Gemini MCP, reducing back-and-forth and accelerating delivery.

How do I route frontend component design tasks to an AI designer?

You route frontend component design tasks to an AI designer by invoking the superskills command, which delegates the work to designer agents or Gemini MCP.

Does frontend UI/UX design routing work without MCP tools available?

Yes, frontend UI/UX design routing works without MCP tools by falling back to a Codex agent to process your design tasks.

What is the best way to manage design system consistency for responsive layouts?

The best way to manage design system consistency for responsive layouts is using a designer workflow that applies accessibility-focused routing to component design tasks.

Can I use direct MCP delegation for frontend accessibility-focused design work?

Yes, you can use direct MCP delegation for frontend accessibility-focused design work by applying ToolSearch for mcp and mcp__g__ask_gemini prompts.