skills.rest
fluid-commerce
fluid-commerceOFFICIAL
Explore all skills by this author →
WebsiteGitHub

brand-compliance-check

Validate HTML and Liquid outputs against Fluid brand rules.

Updated Mar 12, 2026
Search Tags:#design#html#validation#compliance#brand#rules#liquid
One-click install
npx skills add https://github.com/fluid-commerce/DesignOS --skill brand-compliance-check
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
EmmanuelkwaaEmmanuelkwaa
1

add-email-template

Add transactional email templates using Fluid Liquid templating files.

Community
Intermediate
xuezhaojunxuezhaojun

hook-json-error-recovery

Detect JSON/YAML parse errors and inject structured recovery hints.

Community
Intermediate
ari-ayvazyanari-ayvazyan
1

og-image-creator

Generate 1200x630 Open Graph images from project brand assets and routes.

Community
Advanced
idiotLeoLYJidiotLeoLYJ
113

vibe-prototype

Map Stitch-generated screens to interaction documentation and validate HTML prototypes.

Community
Advanced