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.