normalize

Analyze a feature against design guidelines and generate an alignment plan.

Updated Apr 30, 2026
One-click install
npx skills add https://github.com/Guibibi/budgetpulse --skill normalize-guibibi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/Guibibi/budgetpulse/tree/main/.agents/skills/normalize
Command: npx skills add https://github.com/Guibibi/budgetpulse --skill normalize-guibibi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps bring an existing feature into alignment with a design system so the experience looks, feels, and behaves consistently across the product.

Core Features & Use Cases

  • Design System Discovery: Finds documentation, style guides, and component patterns to understand the intended visual language.
  • Feature Analysis: Identifies where a page or route deviates through inconsistent typography, spacing, colors, components, or interaction patterns.
  • Normalization Plan: Recommends concrete updates that replace one-off implementation choices with shared system patterns and tokens.
  • Use Case: A product team can use this Skill to standardize a newly built settings page so it matches the rest of the application.

Quick Start

Ask the normalize skill to analyze the target feature and propose the changes needed to match the existing 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 an existing UI feature with my design system?

To align an existing UI feature with your design system, you need to discover your design guidelines, analyze the current implementation for deviations in typography and spacing, and generate a precise normalization plan to replace one-off choices with shared tokens.

What is feature normalization in UI consistency?

Feature normalization in UI consistency is the process of comparing a page or route against an established UI pattern library to identify deviations and recommend concrete updates that replace one-off implementation choices with shared system patterns.

How do I find inconsistent typography and spacing in a newly built page?

You can find inconsistent typography and spacing by performing a feature analysis that compares the current implementation against your design system's documentation and style guides to identify where the page deviates from intended visual language.

Can I standardize a settings page to match the rest of my application's accessibility patterns?

Yes, you can standardize a settings page to match your application's accessibility patterns by applying a normalization plan that aligns the feature's color, component usage, and responsiveness with the established design system.

What's the best way to generate a design system alignment plan for a product route?

The best way to generate a design system alignment plan for a product route is to run a discovery process for design guidelines, compare the current implementation against them, and output concrete recommendations for applying shared system patterns.