design-polish

Audit designs for alignment, spacing, typography, and interaction consistency.

2|Updated Jan 12, 2026
One-click install
npx skills add https://github.com/jayteealao/agent-skills --skill design-polish-jayteealao
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-polish
Source: https://github.com/jayteealao/agent-skills/tree/main/plugins/sdlc-workflow/skills/design-polish
Command: npx skills add https://github.com/jayteealao/agent-skills --skill design-polish-jayteealao

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polishes final design to fix alignment, spacing, consistency, and micro-details before shipping, ensuring a cohesive look.

Core Features & Use Cases

  • Design System Alignment: Audits visuals against the design guidelines to ensure tokens are used and components remain consistent.
  • Polished Interactions & Typography: Tightens typography, contrast, and interaction states for a refined user experience.
  • Pre-Launch Verification: Applies comprehensive checks across components, layouts, and responsive states to prepare for release.

Quick Start

Run the polish workflow on the target feature to align visuals with design guidelines and resolve spacing, typography, and interaction inconsistencies.

Frequently Asked Questions about design-polish

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

FAQPage Schema
How do I polish design alignment and spacing before shipping a feature?

To polish design alignment and spacing before shipping, run a comprehensive workflow that audits visual consistency, tightens typography, and resolves interaction state inconsistencies across all components and screens.

What is design polish for pre-launch verification?

Design polish for pre-launch verification is a final-review process that fixes micro-details, ensures design-system alignment, and checks color contrast and accessibility considerations to prepare layouts for release.

Can I audit visual consistency against existing design system tokens?

Yes, you can audit visual consistency against existing design guidelines to ensure tokens are used correctly and components remain visually consistent across responsive states and edge cases.

How do I refine typography and interaction states for a cohesive look?

Refine typography and interaction states by tightening visual details, verifying color contrast, and applying comprehensive checks across layouts to ensure a cohesive look and robust user experience.

Does design polish handle accessibility considerations and responsive edge cases?

Yes, design polish handles accessibility considerations and responsive edge cases by applying comprehensive checks across components and layouts to satisfy color contrast requirements and robust interaction states.