# Rudder Ui Polish Maintainer

> Use when implementing screenshot-driven or narrow Rudder UI polish: density, alignment, spacing, labels, cards, menus, hover states, empty states, onboarding steps, redundant pages, compact workflows, screenshots, or small visible interaction fixes.

- **Type:** Skill
- **Install:** `agentstack add skill-undertone0809-rudder-rudder-ui-polish-maintainer`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [Undertone0809](https://agentstack.voostack.com/s/undertone0809)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** Apache-2.0
- **Upstream author:** [Undertone0809](https://github.com/Undertone0809)
- **Source:** https://github.com/Undertone0809/rudder/tree/main/.agents/skills/maintainer/rudder-ui-polish-maintainer
- **Website:** https://rudder.zeeland.studio

## Install

```sh
agentstack add skill-undertone0809-rudder-rudder-ui-polish-maintainer
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Rudder UI Polish Maintainer

## Overview

Turn concrete Rudder UI feedback into a scoped, implemented, visually verified, and committed change.

## When to Use

Use this skill when:

- the user points at a Rudder screen or screenshot and asks for polish
- density, spacing, alignment, labels, badges, icons, menus, hover, empty states, onboarding, or small workflow UI is wrong
- the user asks for a screenshot after a local UI change
- the likely answer is CSS/layout/data layering for a visible surface

Do not use this skill when:

- pure advice with no implementation request; use build-advisor
- high-stakes proposal plus reviewer gates; use advisor-review-loop-maintainer
- missing-data root cause; use data-path diagnostician
- broad redesign not anchored to a visible Rudder surface

## Core Pattern

```text
intent -> evidence packet -> smallest UI change -> contract alignment -> browser/screenshot proof -> scoped commit
```

## Quick Reference

| Situation | Action |
| --- | --- |
| Screenshot supplied | Match the visible issue and viewport |
| User says “先说说” | Clarify direction before edits |
| Visible function changes | Update E2E/contract as needed |
| Layout-sensitive change | Verify rendered result |

## Implementation

1. Resolve whether the user wants discussion or implementation.
2. Build a small evidence packet from screenshot, route, component, and product contract.
3. Make the smallest coherent UI change consistent with Rudder design rules.
4. Keep routes/nav/API contracts aligned for visible behavior.
5. Validate in browser or screenshot and run focused tests.
6. Commit only this task.

Reference files are part of this skill contract. Before executing high-risk actions or final judgments, load `references/runbook.md` for the detailed legacy workflow, examples, validation cases, and command-level guidance.

Use `evals/` when the route needs that detail; keep the entrypoint thin.

## Common Mistakes

| Mistake | Fix |
| --- | --- |
| Turning polish into a redesign | Stay scoped to the noticed problem. |
| Relying on typecheck for layout | Inspect rendered UI. |
| Ignoring product contracts for visible workflow changes | Sync behavior and tests. |
| Staging unrelated dirty files | Commit only UI task files. |

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [Undertone0809](https://github.com/Undertone0809)
- **Source:** [Undertone0809/rudder](https://github.com/Undertone0809/rudder)
- **License:** Apache-2.0
- **Homepage:** https://rudder.zeeland.studio

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-undertone0809-rudder-rudder-ui-polish-maintainer
- Seller: https://agentstack.voostack.com/s/undertone0809
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.