enforce

Analyze HTML, CSS, and JavaScript files against a predefined design system.

1|Updated Mar 3, 2026

Search Tags:#automation #development workflow #design system #compliance #enforcement

Ready to run

npx skills add https://github.com/RebelliousSmile/my-claude-marketplace --skill enforce-rebellioussmile

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: enforce
Source: https://github.com/RebelliousSmile/my-claude-marketplace/tree/main/plugins/design/skills/enforce
Command: npx skills add https://github.com/RebelliousSmile/my-claude-marketplace --skill enforce-rebellioussmile

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires lint-core.mjs, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill ensures that projects adhere to a consistent design system, reducing errors and improving consistency across all deliverables.

Core Features & Use Cases

Design System Enforcement: Enforces design system rules and standards across all project files.
Automated Checks: Performs automated checks to identify and correct design violations.
Multi-Step Workflow: Provides a comprehensive workflow for enforcing design standards.
Use Case: For a project using a design system, this Skill can automatically identify and fix issues in HTML, CSS, and JavaScript files, ensuring that all elements adhere to the design system.

Quick Start

Run /design:enforce to start the enforcement process for your project.

Frequently Asked Questions about enforce

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

FAQPage Schema

How do I enforce design system compliance across HTML, CSS, and JavaScript files?▼

To enforce design system compliance, the Skill analyzes your HTML, CSS, and JavaScript files against a predefined design system manifest, utilizing automated checks to identify and correct design violations.

What design system files do I need for automated design enforcement checks?▼

You need access to the design system manifest files, specifically tokens.json and components.json, to perform automated design enforcement checks and ensure project fidelity to your standards.

Can I use automated checks to fix design violations in a development workflow?▼

Yes, automated checks can identify and fix design violations within a design-led development workflow. The Skill applies vocabulary checking and fidelity scripts to correct issues across project files.

Does design system enforcement work with lint-core scripts for vocabulary checking?▼

Yes, design system enforcement utilizes lint-core.mjs for vocabulary checking alongside additional scripts for fidelity and enforcement, ensuring comprehensive rule application across your project files.

What is the best way to maintain design system standards across multiple project files?▼

The best way to maintain design system standards is by running an automated enforcement process that analyzes your HTML, CSS, and JavaScript files against your tokens and components to correct deviations.