Ui Revamp

Name: Ui Revamp
Author: yonkoo11

🌐Community

by yonkoo11 · vlatest · Repository

Automatically redesign user interfaces based on specified style guides and accessibility best practices.

Install on your platform

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

Run in terminal (recommended)

terminal

claude mcp add ui-revamp npx -- -y @trustedskills/ui-revamp

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

~/.claude/settings.json

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

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

About This Skill

What it does

This skill allows AI agents to revamp user interfaces. It can take existing UI designs and suggest improvements, including layout adjustments, color palette modifications, and typography changes. The goal is to create more modern, usable, and visually appealing interfaces based on best practices.

When to use it

Improving outdated websites: Refresh a website with an old or clunky design.
Modernizing mobile apps: Update the look and feel of a mobile application to align with current design trends.
Enhancing user experience (UX): Identify areas where UI changes can improve usability and engagement.
Creating consistent branding: Ensure all digital assets adhere to a unified brand identity through UI standardization.

Key capabilities

UI Design Improvement Suggestions
Layout Adjustments
Color Palette Modifications
Typography Changes

Example prompts

"Revamp the user interface of this website: [website URL]"
"Suggest improvements for the layout and color scheme of this mobile app screenshot."
"Modernize this UI design, focusing on typography and visual hierarchy. Here's a description of the current design..."

Tips & gotchas

The skill’s effectiveness depends heavily on the quality and clarity of the input provided (e.g., website URL or detailed design description). Providing context about desired aesthetic styles will also improve results.

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: yonkoo11
Installs: 8

Repository (canonical source) →

🌐 Community

Passed automated security scans.