Design MD Enforcer

Purpose

The design-md-enforcer skill ensures that both human developers and AI agents follow a unified design system specification called DESIGN.md.

It serves two primary functions:

1. Extraction: Analyzing the visible design language of a public URL and converting it into an AI-agent-friendly design system package.
2. Enforcement: Enforcing a system where design reasoning and raw values (hex codes, sizes) are bound together using token roles, preventing drift between style guides and code.

Core Philosophy: Logic Meets Values

1. Tokens are Roles, Not Just Variables: A token is not just a hex code; it represents a specific purpose or role in the design system.

   • Example: primary is not just #0A1F1C; it is the "main ink, text color" role.
   • Example: body_main is not just 18px; it is the "default body copy" role.

2. Components Reference Roles: UI components must never hardcode static hex values. They must reference the token roles. If the role's value changes, all components referencing it are automatically updated.