brand-compliance-check

Name: brand-compliance-check
Availability: InStock
Author: Fluid

Validate HTML and Liquid outputs against Fluid brand rules.

Updated Mar 12, 2026

Search Tags:#design #html #validation #compliance #brand #rules #liquid

Ready to run

npx skills add https://github.com/fluid-commerce/DesignOS --skill brand-compliance-check

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: brand-compliance-check
Source: https://github.com/fluid-commerce/DesignOS/tree/main/.claude/skills/brand-compliance-check
Command: npx skills add https://github.com/fluid-commerce/DesignOS --skill brand-compliance-check

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Run brand compliance validation against Fluid brand rules. Use this after generating any HTML or .liquid output to validate colors, fonts, spacing, opacity, dimensions, and schema structure.

Core Features & Use Cases

Validates colors, typography, spacing, opacity, and dimensional specs against the Fluid brand rule set.
Checks .liquid templates and HTML outputs for proper block types, no hard-coded values, and schema consistency.
Generates structured reports that group violations by severity to guide quick fixes.

Quick Start

Validate generated assets using the compliance tool to ensure brand consistency across HTML and Liquid outputs.

Frequently Asked Questions about brand-compliance-check

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

FAQPage Schema

How do I validate HTML output against brand rules for colors, fonts, and spacing?▼

Brand compliance validation checks .liquid templates and HTML outputs for proper block types, hard-coded values, and schema consistency. It applies a rule-based workflow to ensure structural alignment with brand standards and outputs structured violation reports.

How do I check Liquid templates for hard-coded values and schema consistency?▼

Liquid template validation requires checking schema structure, block types, and hard-coded values against the Fluid brand rule set. It outputs a structured JSON report grouping violations by severity for quick resolution.

When do I need to run brand compliance validation on generated assets?▼

Run brand compliance validation after generating any HTML or .liquid output to enforce visual and structural alignment with brand rules. This ensures colors, typography, spacing, opacity, dimensions, and schema structure meet specifications.

What is the best way to enforce a rule-based validation workflow for brand compliance?▼

Enforce a rule-based validation workflow by applying the Fluid brand rule set to generated HTML assets and .liquid templates. This validates colors, typography, spacing, opacity, dimensions, and schema structure, producing structured JSON violation reports.

Does brand compliance validation work with both HTML assets and Liquid templates?▼

Brand compliance validation works with both generated HTML assets and .liquid templates, validating colors, fonts, spacing, opacity, dimensions, and schema structure. It generates structured JSON reports grouping violations by severity to guide fixes.

Why does my brand compliance validation report show schema structure violations?▼

Schema structure violations appear when .liquid templates contain improper block types, hard-coded values, or schema inconsistencies. The structured JSON report groups these violations by severity to guide quick fixes.