apply-saville

Generate design tokens and typography from the SAVILLE-v5 brand spec.

1|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/45black/uk-legal-plugins --skill apply-saville
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: apply-saville
Source: https://github.com/45black/uk-legal-plugins/tree/main/skills/apply-saville
Command: npx skills add https://github.com/45black/uk-legal-plugins --skill apply-saville

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Aligns UI with Saville Design System branding (Tokens, typography, and color) to ensure consistent, accessible interfaces across internal and client-facing products.

Core Features & Use Cases

  • Brand alignment: Apply Saville Clarity tokens, typography, and color rules across internal tools, client products, and marketing materials.
  • Variant management: Switch between Core and Clarity variants depending on audience and usage scenarios.
  • Brand governance: Central reference to SAVILLE-v5 brand spec at ~/.45black/brand/SAVILLE-v5.md to ensure up-to-date standards and governance.

Quick Start

Review the SAVILLE-v5 brand spec and initialize the Saville Clarity design system integration for your project.

Frequently Asked Questions about apply-saville

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

FAQPage Schema
How do I apply design tokens and typography for consistent UI branding?

To apply design tokens and typography for consistent UI branding, use this Skill to read the SAVILLE-v5 brand spec and automatically generate standardized design tokens and typography settings for your project.

How do I validate WCAG-compliant contrast for my design system?

You validate WCAG-compliant contrast by applying the Saville Clarity design system, which automatically checks your color tokens against accessibility guidelines to ensure interfaces meet WCAG contrast and motion standards.

What is the best way to manage Core and Clarity design variants across different products?

Managing Core and Clarity design variants across different products is handled by switching between variants within the Skill, ensuring audience-specific usage scenarios maintain consistent branding and accessibility.

Do I need a local brand spec file to apply Saville design tokens?

Yes, you need the local SAVILLE-v5 brand spec file located at ~/.45black/brand/SAVILLE-v5.md, which serves as the central reference for generating accurate design tokens and ensuring brand governance.

Can I use this for both internal tools and client-facing products?

Yes, you can use the Saville Clarity design system integration for both internal tools and client-facing products, applying consistent tokens, typography, and color rules across all project types.

Why does my UI need Saville Clarity tokens for marketing materials?

Your UI needs Saville Clarity tokens for marketing materials to ensure brand alignment across all outputs, maintaining consistent typography, color rules, and accessibility considerations throughout your design system.