skills.rest
Columbia-Cloudworks-LLC
Columbia-Cloudworks-LLCOFFICIAL
Explore all skills by this author →
WebsiteGitHub

brand-guidelines

Apply EquipQR brand styling to documents, mockups, and diagrams.

1|Updated Jun 10, 2025
Search Tags:#typography#branding#tailwind#visual-design#design-tokens#brand-colors#ui-styling
One-click install
npx skills add https://github.com/Columbia-Cloudworks-LLC/EquipQR --skill brand-guidelines-columbia-cloudworks-llc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-guidelines
Source: https://github.com/Columbia-Cloudworks-LLC/EquipQR/tree/main/.cursor/skills/branding-guidelines
Command: npx skills add https://github.com/Columbia-Cloudworks-LLC/EquipQR --skill brand-guidelines-columbia-cloudworks-llc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

EquipQR brand styling ensures outputs consistently reflect the product’s visual identity across documents, UI mockups, diagrams, slides, and communications.

Core Features & Use Cases

  • Provides source-of-truth design tokens and color semantics to apply brand-consistent visuals
  • Documents typography, spacing, and token-based color usage for designers and authors
  • Use Case: standardize visuals for docs, presentations, and marketing materials to match EquipQR branding

Quick Start

Provide an artifact and specify branding constraints to apply EquipQR’s brand styling.

Frequently Asked Questions about brand-guidelines

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

FAQPage Schema
How do I apply brand styling to UI mockups and documents?▼

To apply brand styling to UI mockups and documents, you provide the artifact and specify branding constraints to enforce consistent visual identity using source-of-truth design tokens.

How do I use design tokens in Tailwind to standardize brand colors?▼

You can standardize brand colors by using token-based colors mapped in tailwind.config.ts, driving consistent typography and visual design semantics defined in src/index.css.

What is the best way to ensure visual design consistency across slide decks and emails?▼

The best way to ensure visual design consistency across slide decks and emails is to apply standardized brand styling rules that specify exact color semantics and typography mappings.

Do I need specific source files to standardize typography for my diagrams?▼

Yes, standardizing typography for diagrams requires referencing source-of-truth design tokens in src/index.css and Tailwind mappings in tailwind.config.ts to drive the correct visual output.

Can I use this approach to standardize branding for marketing materials and presentations?▼

Yes, you can standardize branding for marketing materials and presentations by applying predefined design tokens that align every artifact with the required visual identity and look-and-feel.

Why does my UI styling not match the expected brand colors?▼

Your UI styling may not match expected brand colors if the artifacts are not properly linked to the token-based colors and typography mappings specified in the Tailwind configuration.

Related Skills

Explore More Design & Creative Skills→
dmedina-devdmedina-dev
1

ckm:design

Generate brand identity assets including logos, design tokens, and corporate deliverables.

Community
Advanced
JaviMontanoJaviMontano

apex-output-engineering

Automate branded HTML, PDF, and SVG deliverable production from Markdown inputs.

Community
Advanced
DaFumDaFum
1

tailwind-v4-css-variables-enforcer

Audit UI code for Tailwind v4 syntax and CSS variable compliance.

Community
Intermediate
crossxwillcrossxwill
5

brand-guidelines

Apply predefined brand color palettes and typography rules to artifacts.

Community
Basic