skills.rest
JaimeJunr
JaimeJunrCOMMUNITY
Explore all skills by this author →
GitHub

brand-guidelines-ivt

Apply IVT design tokens from ivt-lib/src/globals.css to web projects, documentation, and marketing assets.

2|Updated Apr 11, 2026
Search Tags:#typography#branding#brand#css-variables#design-tokens#ivt-lib
One-click install
npx skills add https://github.com/JaimeJunr/context-mode --skill brand-guidelines-ivt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-guidelines-ivt
Source: https://github.com/JaimeJunr/context-mode/tree/main/.claude/skills/design/brand-guidelines-ivt
Command: npx skills add https://github.com/JaimeJunr/context-mode --skill brand-guidelines-ivt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Applies IVT design tokens from ivt-lib to ensure artifacts match IVT's visual identity, reducing manual styling effort and preventing brand drift.

Core Features & Use Cases

  • Applies CSS variables from ivt-lib/src/globals.css to web interfaces, docs, and marketing assets.
  • Encodes brand colors, typography, and semantic tokens for consistent visuals across platforms.
  • Use Case: teams can quickly align dashboards, docs, and components with IVT branding without custom styling.

Quick Start

Import the ivt-lib tokens and apply the CSS variables from ivt-lib/src/globals.css to ensure consistent IVT branding across artifacts.

Frequently Asked Questions about brand-guidelines-ivt

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

FAQPage Schema
How do I apply brand design tokens to ensure consistent visual identity across web projects?▼

Brand styling applies design tokens by mapping CSS variables from ivt-lib/src/globals.css to colors and typography, ensuring consistent visual identity across web projects, documentation, and marketing assets without manual styling effort.

What are design tokens and how do they enforce brand typography and colors?▼

Design tokens are CSS variables encoding brand colors, typography, and semantic rules. They enforce brand styling by providing a centralized configuration from ivt-lib/src/globals.css that applies consistent visuals across components and media.

Do I need ivt-lib installed to use these brand styling rules?▼

Yes, you need ivt-lib installed. The skill aligns artifacts with brand styling by applying CSS variables specifically mapped from the ivt-lib/src/globals.css file to your components and documentation.

Can I use CSS variables to style dashboards and documentation for brand consistency?▼

Yes, you can use CSS variables to style dashboards and docs. The design tokens from ivt-lib allow teams to quickly align artifacts with branding rules without writing custom styling for each platform.

What is the best way to prevent brand drift in web interfaces and marketing assets?▼

The best way to prevent brand drift is applying centralized design tokens. By mapping semantic tokens and typography from ivt-lib across media, teams reduce manual styling effort and ensure artifacts match the required visual identity.

Related Skills

Explore More Design & Creative Skills→
Pabloprogramador23Pabloprogramador23

reversa-design-system

Extract design tokens from CSS, Tailwind themes, and screenshots into a design-system reference.

Community
Advanced
plastikawebplastikaweb
1

brand-guidelines

Apply brand CSS variables, typography, and spacing to artifacts.

Community
Basic
kopfrechnerkopfrechner

tailwind-design-system

Build scalable Tailwind CSS v4 design systems with semantic tokens and CVA-based components.

Community
Advanced
LutimiLutimi

ckm:design-system

Organize design tokens into primitive, semantic, and component layers.

Community
Advanced