Skills
.Work. You
Rest

rudder-ui-polish-maintainer

Community

Polish Rudder UI from screenshots to merged fixes

Design & Creative#alignment#visual verification#ui polish#rudder#screenshot driven#frontend fixes#layout density
AuthorUndertone0809
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill turns user-reported, screenshot-driven Rudder UI complaints into a small, scoped, implemented change that improves alignment, density, and visible interaction details without triggering broad redesign work.

Core Features & Use Cases

  • Screenshot-driven UI polish: Fixes narrow visual and interaction issues such as spacing, alignment, overflow, hover affordances, badges/labels, menus, empty states, onboarding steps, and redundant pages/routes.
  • Intent-aware workflow routing: Handles prompts that are advice-only or explain-only, and only proceeds to implementation when the user asks to change the UI (or when it is appropriate to treat the request as an implementation contract).
  • Validation and delivery hygiene: Runs the narrowest meaningful checks, verifies the rendered outcome when possible, and commits only files related to the UI task.

Quick Start

Ask an AI to: "Here is a screenshot of the Rudder UI issue; please align the elements and adjust the density with a small, scoped fix, then show the rendered proof."

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: rudder-ui-polish-maintainer
Download link: https://github.com/Undertone0809/rudder/archive/main.zip#rudder-ui-polish-maintainer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.