skills.rest
chrisxue90
chrisxue90COMMUNITY
Explore all skills by this author →
GitHub

frontend-ui-ux

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Bridges frontend UI/UX design tasks with automated routing to design agents, enabling faster planning and execution.

Core Features & Use Cases

  • Routes to the designer agent or Gemini MCP for frontend work.
  • Usage path: /frontend-ui-ux <design task> to trigger the task.
  • Capabilities include component design and implementation, responsive layouts, design system consistency, and accessibility compliance.
  • Task: {{ARGUMENTS}} for context.

Quick Start

Describe your design task to the frontend UI/UX workflow by invoking /frontend-ui-ux with a clear design brief.

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 layout design tasks to an automated design agent?▼

Route frontend UI layout design tasks by invoking /frontend-ui-ux with a clear design brief, which loads task context and dispatches the work to the designer agent or Gemini MCP for rapid prototyping.

What is the best way to ensure design system consistency during component design and implementation?▼

Ensure design system consistency during component design by routing your requirements through the frontend UI/UX workflow, which applies accessibility checks and responsive layout rules across web interfaces.

Does this UI/UX workflow support accessibility checks and responsive layouts for web interfaces?▼

Yes, the UI/UX workflow supports accessibility checks and responsive layouts for web interfaces by routing frontend tasks to the designer agent or Gemini MCP for compliant component execution.

Can I use the Qwen Code agent for frontend prototyping if Gemini MCP is unavailable?▼

Yes, you can use the Qwen Code agent for frontend prototyping as a fallback, because the workflow supports Qwen Code agent routing alongside Gemini MCP for UI task execution.

How do I start a component design task using the frontend UI/UX workflow?▼

Start a component design task by invoking /frontend-ui-ux followed by your specific design brief arguments, which loads the necessary task context for the designer agent to process.

Related Skills

Explore More Design & Creative Skills→
leejaedusleejaedus

frontend-ui-ux

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

Community
Intermediate
VidyaBodepudiVidyaBodepudi
2

browser-testing-with-devtools

Inspect frontend UI rendering, responsiveness, and accessibility with browser DevTools.

Community
Intermediate
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
Yeachan-HeoYeachan-Heo
38.5k

frontend-ui-ux

Route frontend UI/UX design tasks to an MCP designer or Claude agent.

Community
Basic