skills.rest
lpjhelder
lpjhelderCOMMUNITY
Explore all skills by this author →
GitHub

frontend-ui-ux

Generate UI/UX designs for frontend projects via MCP tools or a designer agent.

Updated Apr 10, 2026
Search Tags:#design#ui#accessibility#frontend#responsive#ux
One-click install
npx skills add https://github.com/lpjhelder/kronon-forge --skill frontend-ui-ux-lpjhelder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-ui-ux
Source: https://github.com/lpjhelder/kronon-forge/tree/main/skills/frontend-ui-ux
Command: npx skills add https://github.com/lpjhelder/kronon-forge --skill frontend-ui-ux-lpjhelder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It eliminates the bottleneck of manually switching between design agents and developers by providing a single command that routes UI/UX tasks to the appropriate designer tool.

Core Features & Use Cases

  • Routing Logic: Directly invokes Gemini MCP designer tools or falls back to a Kronon designer agent.
  • Capabilities: Component design, responsive layouts, design system consistency, and accessibility compliance.
  • Use Case: Quickly generate a mobile‑first dashboard layout by issuing a single command, letting the skill choose the best available design engine.

Quick Start

Ask the frontend-ui-ux skill to create a mobile‑first dashboard for the new analytics page.

Frequently Asked Questions about frontend-ui-ux

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

FAQPage Schema
How do I generate responsive UI/UX layouts for frontend projects?▼

Generate responsive UI/UX layouts by issuing a single command that routes design tasks to a Gemini MCP designer tool or Kronon designer agent, producing mobile-first component designs and consistent design system layouts instantly.

What's the best way to ensure frontend accessibility compliance during component design?▼

Ensure frontend accessibility compliance by routing component creation tasks to the designer agent, which applies accessibility standards directly during the UI/UX generation phase alongside responsive layout planning.

Can I use this skill to create a mobile-first dashboard layout?▼

Yes, you can create a mobile-first dashboard by asking the skill to generate the analytics page layout, allowing it to automatically select the best available design engine to build the responsive components.

Does this UI/UX generation approach work with both Gemini MCP and Kronon agents?▼

Yes, UI/UX generation works with both by using routing logic that directly invokes Gemini MCP designer tools or falls back to a Kronon designer agent with appropriate role parameters based on availability.

Why do I need a designer agent for frontend component creation?▼

A designer agent eliminates the bottleneck of manually switching between design tools and developers by automatically routing UI/UX tasks to the appropriate engine to handle component creation and design system consistency.

Related Skills

Explore More Design & Creative Skills→
chrisxue90chrisxue90
2

frontend-ui-ux

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

Community
Intermediate
j-cogburnj-cogburn

frontend-ui-engineering

Enforce design system compliance and WCAG 2.1 AA accessibility in frontend UI development.

Community
Intermediate
afonsolelisafonsolelis

acessibilidade

Ensure HTML pages conform to WCAG 2.1 AA accessibility guidelines.

Community
Intermediate
Yeachan-HeoYeachan-Heo
38.5k

frontend-ui-ux

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

Community
Basic