What CSS framework is this compatible with?

Because it uses standard CSS variables and tokens, it is framework-agnostic and works seamlessly with Tailwind, Sass, or vanilla CSS.

Does this skill help with web accessibility?

Yes, it includes built-in best practices for color contrast ratios and typographical hierarchy to ensure all content is readable and inclusive.

Can I use these guidelines for non-web projects?

Absolutely. The skill includes templates and rules for document software like Google Docs and presentation tools, ensuring a consistent look across all media.

How do I customize the brand colors used by this skill?

You can define your own brand palette by updating the CSS variables in the root configuration, including primary, secondary, and accent colors.

Brand Guidelines Application

Name: Brand Guidelines Application
Author: plurigrid

byplurigrid

•

Design Tools

Applies consistent brand identity, including colors, typography, and spacing, across web components, documents, and marketing materials.

The Brand Guidelines skill enables Claude to enforce visual consistency and professional styling across all project artifacts. By implementing a standardized system of CSS variables and design tokens, this skill provides a framework for managing brand palettes, typography scales, and spacing units. It is particularly useful for developers and designers who need to ensure that web interfaces, presentations, and internal documents adhere to a unified brand identity while maintaining high accessibility standards and compositional coherence.

Key Features

01Compositional coherence for cross-platform visual consistency

02Predefined styling patterns for UI components like buttons and cards

03Templates for professional document formatting and slide decks

04Standardized CSS design tokens for colors, typography, and spacing

05Accessibility-focused contrast and readability best practices

062 GitHub stars

Use Cases

01Standardizing the layout and styling of corporate reports and presentations

02Enforcing a unified design system across a new web application

03Ensuring WCAG-compliant color contrast across digital interfaces

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add plurigrid/asi brand-guidelines

For use in Claude.ai and ChatGPT

Download Skill