design-md-enforcer

Installation
SKILL.md

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.

In traditional web development, design reasoning (style guides) and configuration values (like Tailwind config) are separated, leading to drift. This skill enforces a system where reasoning and raw values (hex codes, sizes) are bound together using token roles, and components reference these roles instead of hardcoding raw values.

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.

  3. Reasoning is Required:

Related skills

More from fatih-developer/fth-skills

Installs
1
GitHub Stars
4
First Seen
2 days ago