frontend-polish

Polish frontend UI with scoped CSS and token-based adjustments.

61|11|Updated Jun 15, 2026
One-click install
npx skills add https://github.com/Matymatyk-business/david-skills --skill frontend-polish
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-polish
Source: https://github.com/Matymatyk-business/david-skills/tree/main/skills/frontend-polish
Command: npx skills add https://github.com/Matymatyk-business/david-skills --skill frontend-polish

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Refined interfaces suffer from inconsistent spacing, typography, color, and state visuals that undermine perceived quality. This Skill helps bring a cohesive, premium feel to an existing frontend without steering product direction.

Core Features & Use Cases

  • Standardize typography scales, spacing, and component alignment to create consistent layouts.
  • Harmonize color tokens, radii, shadows, motion, and states for a polished, production-ready UI.
  • Use across dashboards, landing pages, and mobile views to ensure uniform visuals while preserving existing design-system rules.

Quick Start

Review the current UI, specify the target pages or components to polish, and approve the preview before deployment.

Frequently Asked Questions about frontend-polish

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix inconsistent spacing and typography in my frontend UI?▼

Fix inconsistent spacing and typography by applying scoped CSS and token-based adjustments to standardize typography scales, spacing, and component alignment across your existing frontend, creating a cohesive and consistent layout.

Can I polish my UI without altering existing product direction or design-system patterns?▼

Yes, you can polish UI quality without altering product direction by implementing scoped CSS adjustments that strictly preserve existing design-system patterns and avoid introducing new dependencies unless specifically requested.

What's the best way to harmonize color tokens and component states for a premium feel?▼

The best way to harmonize color tokens, radii, shadows, motion, and states for a premium feel is to apply token-based adjustments uniformly across pages, components, and responsive behaviors to ensure consistent visual quality.

How do I standardize frontend visual quality across dashboards and mobile views?▼

Standardize frontend visual quality across dashboards and mobile views by applying consistent spacing, color tokens, and responsive behavior rules, ensuring uniform visuals while preserving your existing design-system constraints.

Does UI polish work with my existing dashboards and landing pages?▼

Yes, UI polish works with existing dashboards, landing pages, and mobile views by applying scoped CSS and token-based adjustments that refine visual quality and finish without steering product direction or adding dependencies.

Why does my frontend UI feel visually inconsistent across different components?▼

Your frontend UI feels visually inconsistent due to misaligned spacing, typography, color, and state visuals, which you can resolve by harmonizing tokens and applying standardized layout rules to deliver a cohesive, premium feel.