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

Ready to run

npx skills add https://github.com/lpjhelder/kronon-forge --skill frontend-ui-ux-lpjhelder

💬 Prompt for ChatGPT / Claude Chat▼

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.