Frontend Ui Ux

Name: Frontend Ui Ux
Author: code-yeongyu

🌐Community

by code-yeongyu · vlatest · Repository

Helps with frontend development, UI components, UX design as part of agent workflows workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

Run in terminal (recommended)

terminal

claude mcp add frontend-ui-ux npx -- -y @trustedskills/frontend-ui-ux

Or manually add to ~/.claude/settings.json

~/.claude/settings.json

{
  "mcpServers": {
    "frontend-ui-ux": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/frontend-ui-ux"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

The frontend-ui-ux skill enables AI agents to design and optimize user interfaces (UI) and user experiences (UX) for web applications. It includes capabilities like generating responsive layouts, improving accessibility, and ensuring intuitive navigation.

When to use it

You need to create a visually appealing and functional website from scratch.
You want to improve the usability of an existing frontend design based on user feedback.
Your project requires mobile-first or cross-browser compatibility adjustments.
You are working on an accessibility audit for your web application.

Key capabilities

Generate responsive HTML/CSS layouts
Optimize UI components for accessibility standards
Suggest UX improvements based on user interaction patterns
Ensure cross-browser and device compatibility

Example prompts

"Design a mobile-first layout for a task management app."
"Improve the accessibility of this website's navigation menu."
"Suggest UX changes to increase user engagement on the homepage."

Tips & gotchas

This skill assumes basic knowledge of HTML, CSS, and design principles.
While it can suggest improvements, final implementation may require manual coding or collaboration with a frontend developer.

View Repository →

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust Hub	Pass
Socket	Pass
Snyk	Pass

Details

Version: vlatest
License
Author: code-yeongyu
Installs: 252

Repository (canonical source) →

🌐 Community

Passed automated security scans.