skills.rest
navikt
naviktOFFICIAL
Explore all skills by this author →
WebsiteGitHub

polish

Fix visual and content inconsistencies in frontend components across breakpoints.

1|1|Updated Feb 2, 2026
Search Tags:#typography#ui#consistency#accessibility#spacing#polish#design-quality
One-click install
npx skills add https://github.com/navikt/watson-sak-frontend --skill polish-navikt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/navikt/watson-sak-frontend/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/navikt/watson-sak-frontend --skill polish-navikt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a repeatable final polish pass that catches visual, typographic, copy, and alignment issues just before shipping, saving time and ensuring a consistent UI finish.

Core Features & Use Cases

  • Visual alignment and spacing refinement across components at all breakpoints.
  • Typography and color consistency checks, including contrast and focus states.
  • Copy polishing and accessibility refinements to meet design tokens and guidelines.

Quick Start

Run the polish workflow on the latest build to apply pixel-perfect adjustments across components.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I run a final polish pass to fix UI spacing and visual inconsistencies?▼

A final polish pass fixes UI inconsistencies by systematically checking spacing, typography, alignment, and interaction states across mobile and desktop breakpoints. You run the workflow on your latest build to apply pixel-perfect adjustments.

What is the best way to check responsive reflow and typography consistency before shipping?▼

Checking responsive reflow and typography consistency involves verifying that font sizes, spacing, and alignment meet design-token guidelines across all breakpoints. This ensures visual alignment remains intact and accessible on both mobile and desktop views.

How do I ensure my frontend components meet accessibility contrast and focus state standards?▼

Ensuring frontend components meet accessibility standards requires checking color contrast ratios and verifying focus states for interactive elements. This process aligns visual properties with design tokens to deliver compliant and consistent interactions.

Can I apply a design quality pass to both mobile and desktop breakpoints?▼

Yes, a design quality pass can be applied to both mobile and desktop breakpoints. It evaluates components at every screen size to correct alignment, spacing, and copy inconsistencies, ensuring a uniform visual finish before release.

Why does my UI look misaligned even after applying design tokens?▼

A UI may look misaligned despite using design tokens due to inconsistent spacing scales, unrefined typography, or broken responsive reflow. Running an end-to-end polish pass identifies and corrects these pixel-level deviations and interaction state errors.

When do I need a polish pass for frontend component copy and motion?▼

You need a polish pass for copy and motion when finalizing frontend components for release. It refines copy text, validates motion guidelines, and ensures interaction states and visual alignment meet strict design-token standards.

Related Skills

Explore More Design & Creative Skills→
SuperCorksSuperCorks

frontend-design

Enforce typography, spacing, color contrast, and interaction states in frontend UI design workflows.

Community
Basic
vladimir-shirmanovvladimir-shirmanov

polish

Fix visual and interaction defects in shipped frontend features.

Community
Advanced
tara-shopostara-shopos
3

macro-product-photography

Generate extreme close-up macro photography prompts for product details.

Community
Advanced
DiversioTeamDiversioTeam
3

backend-atomic-commit

Fix backend code formatting and enforce atomic commits via pre-commit checks.

Official
Advanced