anyproto

Polish UI — Design skill for Claude Code

Design community

Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancies.

How to install Polish UI

Installs to ~/.claude/commands/anyproto-anytype-ts-polish-ui.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/anyproto/anytype-ts/HEAD/.claude/commands/polish-ui.md -o ~/.claude/commands/anyproto-anytype-ts-polish-ui.md

Restart Claude Code, or start a new session, for it to be picked up.

What Polish UI does

Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancies.

Arguments

$ARGUMENTS — Component name, file path, or area to polish (e.g. "sidebar widgets", "list view", "dataview"). If empty, polish the most recently changed components.

Instructions

Phase 1: Identify Target Files

Find the component files matching the user's description (.tsx + .scss).
If no specific target, check git diff --name-only HEAD~3 for recently

Alternatives in Design

UI Skills — A growing set of skills to polish interfaces built by agents 1k ★
Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★
Maestro Impeccable — Use when designing, auditing, polishing, improving, or codifying frontend UI — websites, dashboards, landing p 530 ★