normalize

Analyze feature implementations against design-system guidelines and apply normalization plans.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/mheers/opencode-sandbox --skill normalize-mheers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/mheers/opencode-sandbox/tree/main/skills/normalize
Command: npx skills add https://github.com/mheers/opencode-sandbox --skill normalize-mheers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Normalizes a feature or page to conform with the design system, ensuring visual consistency across tokens, typography, spacing, and components.

Core Features & Use Cases

  • Analyze a feature against design-system guidelines to identify deviations and inconsistencies.
  • Create a concrete normalization plan that updates typography, spacing, tokens, and component usage.
  • Apply the plan across pages or routes to achieve consistent UX and visuals.

Quick Start

Run a normalization pass on the target feature to align typography, spacing, and components with the design system.

Frequently Asked Questions about normalize

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

FAQPage Schema
How do I align feature implementations with a design system?

Align feature implementations by running a normalization pass that applies design tokens, typography, spacing, and components across contexts to meet established patterns and accessibility standards.

What is design system normalization for UI consistency?

Design system normalization analyzes a feature against guidelines to identify deviations, creating a concrete plan that updates typography, spacing, tokens, and component usage to ensure visual consistency.

How do I identify and fix deviations from design system guidelines?

Identify and fix deviations by analyzing the target feature against design-system guidelines, then creating and applying a normalization plan to update typography, spacing, tokens, and component usage.

Can I apply design tokens and component patterns across multiple pages?

Apply the normalization plan across pages or routes to achieve consistent UX and visuals by updating typography, spacing, tokens, and component usage to conform with the design system.

Does design normalization support ongoing conformance and future refactors?

Design normalization documents normalization steps and validation checks to enforce ongoing conformance with the design system and enable future refactoring of feature implementations.

What's the best way to enforce accessibility standards during UI normalization?

Enforce accessibility standards by applying established design tokens, typography, spacing, and components across contexts during normalization, documenting validation checks for ongoing conformance.