skills.rest
Yeachan-Heo
Yeachan-HeoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-ui-ux

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

38.5k|3.5k|Updated Jan 9, 2026
Search Tags:#automation#accessibility#frontend#UX#UI design#design-system#designer-agent
One-click install
npx skills add https://github.com/Yeachan-Heo/oh-my-claudecode --skill frontend-ui-ux-yeachan-heo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-ui-ux
Source: https://github.com/Yeachan-Heo/oh-my-claudecode/tree/main/skills/frontend-ui-ux
Command: npx skills add https://github.com/Yeachan-Heo/oh-my-claudecode --skill frontend-ui-ux-yeachan-heo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill bridges the gap between UI/UX design and frontend implementation by routing design tasks to an automated designer agent, delivering actionable design inputs that drive development.

Core Features & Use Cases

  • Designer-developer workflow: routes UI tasks to design agents to ensure consistent design language and handoff.
  • Responsive layouts and accessibility: supports responsive UI decisions and accessible design guidelines.
  • Design system alignment: maintains cohesive components, tokens, and guidelines across projects.

Quick Start

Use the frontend-ui-ux skill to route a design task: /oh-my-claudecode:frontend-ui-ux <design task>.

Frequently Asked Questions about frontend-ui-ux

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

FAQPage Schema
How do I automate frontend UI design and implementation tasks?▼

You can automate frontend UI design tasks by routing them to a designer agent that generates actionable UI specifications. This skill delegates responsive layouts, accessibility checks, and design system consistency to an automated MCP designer or Claude agent fallback.

How do I maintain design system consistency across web interfaces?▼

To maintain design system consistency, route your component and token requirements through the frontend-ui-ux skill. It outputs cohesive design guidelines and actionable specifications to align components across your projects.

Can I use this to create responsive layouts and ensure accessibility?▼

Yes, you can create responsive layouts and ensure accessibility by delegating UI decisions to the designer agent. It supports responsive UI decisions and accessible design guidelines for web interfaces.

What is the best way to bridge the gap between UI design and frontend development?▼

Bridging UI design and frontend development is done by routing design tasks to an automated designer agent. This approach delivers actionable design inputs and specifications that drive the development handoff process.

Does this skill work without external dependencies?▼

Yes, the skill works without external dependencies by using a Claude agent fallback. It defines routing to an MCP designer if available, but defaults to the Claude agent to produce UI specifications autonomously.

Related Skills

Explore More Design & Creative Skills→
Snowflake-LabsSnowflake-Labs
12

read-ors-configuration

A concise summary of your roleplay character: name,</name> personality, and/or behavior, formatted as a single string sentence. Typically不超过50字，此处省略

Official
Intermediate
amaledtuningamaledtuning

web-design-guidelines

Audit UI code for accessibility and UX compliance against Web Interface Guidelines.

Community
Intermediate
jay6697117jay6697117

agency-ui-designer

Build UI design systems with tokens, component libraries, and WCAG AA accessibility.

Community
Advanced
Zoomma1Zoomma1
3

claude-design-to-code

Convert Claude Design HTML mockups into Angular standalone components with templates and SCSS.

Community
Intermediate