Apply Vaisala Xweather branding with color tokens, typography, and CSS starter.
npx skills add https://github.com/four43/dotfiles --skill xweather-branding
Please help me install this Agent Skill. Skill: xweather-branding Source: https://github.com/four43/dotfiles/tree/main/claude/skills/xweather-branding Command: npx skills add https://github.com/four43/dotfiles --skill xweather-branding
Consolidates Vaisala Xweather branding guidelines for web UI design, ensuring consistent colors, typography, spacing, and logos across projects.
Apply the CSS starter and color tokens from the Skill to style your UI with Xweather branding.
High-intent search queries and answers about installing and using this skill.
To apply Vaisala Xweather branding to your web UI design, use the provided CSS starter and color tokens to style your interfaces. This ensures consistent on-brand visuals across dashboards, marketing sites, and software interfaces.
The branding assets included for UI development consist of color tokens, a typography scale, layout rules, logo usage guidelines, and a CSS starter. These components help maintain on-brand visuals for product interfaces.
Yes, the Xweather branding CSS supports both dark and light contexts. It provides color tokens and guidelines designed to achieve consistent on-brand visuals across different lighting contexts.
Yes, you can use these brand guidelines for marketing sites and software dashboards. The framework provides colors, typography, spacing, and logos to ensure consistent on-brand visuals across projects.
No dependencies are required to implement the Xweather branding framework. You can apply the CSS starter and color tokens directly to your web UI to achieve standards-compliant visuals.
The Xweather branding framework follows squared-off design principles. It provides a deterministic, standards-compliant UI framework through its layout rules and color tokens.
zhuxiningGenerate React and HTML/CSS frontend interfaces with design tokens and accessibility considerations.
joabeoliveiraCreate consistent, accessible Gov-Tech design systems with Tailwind and Shadcn/UI.
markky21Generate design systems with color palettes, typography, and accessibility guidelines.
Likas07Generate UI design systems with design tokens and WCAG AA accessibility.
