skills.rest
cosmonic-labs
cosmonic-labsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

brand-guidelines

Provide Cosmonic and wasmCloud brand guidelines with CSS variables and Tailwind configuration.

21|3|Updated Nov 14, 2025
Search Tags:#typography#color palette#brand guidelines#Tailwind#CSS variables#wasmCloud#Cosmonic
One-click install
npx skills add https://github.com/cosmonic-labs/skills --skill brand-guidelines-cosmonic-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-guidelines
Source: https://github.com/cosmonic-labs/skills/tree/main/brand-guidelines
Command: npx skills add https://github.com/cosmonic-labs/skills --skill brand-guidelines-cosmonic-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides Cosmonic and wasmCloud brand guidelines to ensure consistent visuals across products, docs, and marketing.

Core Features & Use Cases

  • Official brand colors, typography, and usage rules for Cosmonic and wasmCloud projects.
  • CSS variables and a Tailwind-ready configuration to enforce branding in web and UI components.
  • Use Case: Design system teams can consistently apply typography scales and color tokens across dashboards, documentation sites, and marketing pages.

Quick Start

Design teams can apply the Cosmonic and wasmCloud branding by integrating the typography and color tokens into their design system and codebase. Review the CSS variables section to implement the palette in your stylesheet, and extend Tailwind with the provided color tokens.

Frequently Asked Questions about brand-guidelines

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

FAQPage Schema
How do I enforce Cosmonic and wasmCloud brand guidelines in my web project?▼

You can enforce Cosmonic and wasmCloud brand guidelines by integrating the provided CSS variables and Tailwind-ready configuration into your stylesheets, ensuring consistent visual identity across your web and UI components.

What typography and color tokens are included for wasmCloud design systems?▼

The skill provides official typography scales and color palette tokens for wasmCloud design systems, delivered as CSS variables to maintain consistent branding across dashboards and documentation sites.

Can I use the Cosmonic brand color palette with Tailwind CSS?▼

Yes, you can use the Cosmonic brand color palette with Tailwind CSS by extending your configuration with the provided Tailwind-ready color tokens to apply the official branding in your front-end implementation.

Does this skill provide brand assets for marketing materials?▼

The skill provides official brand colors, typography, and usage rules that apply to marketing materials, ensuring your visual identity remains consistent across products, docs, and promotional pages.

What is the best way to apply consistent visual identity across Cosmonic projects?▼

The best way to apply a consistent visual identity across Cosmonic projects is to integrate the official brand guidelines, typography scales, and color tokens directly into your design system and codebase.

Do I need any dependencies to implement the wasmCloud CSS variables?▼

No dependencies are required to implement the wasmCloud CSS variables, allowing you to directly review and apply the palette to your stylesheet for immediate visual identity enforcement.

Related Skills

Explore More Design & Creative Skills→
VaggelisKaVaggelisKa
2

expo-tailwind-setup

Configure Tailwind CSS v4 with NativeWind v5 in Expo apps.

Community
Intermediate
neverinfamousneverinfamous
19

shadcn-ui

Inspect components.json and install shadcn/ui components via the official CLI.

Community
Intermediate
sudo-vaibhavsudo-vaibhav
1

frontend

Scaffold cohesive React and Tailwind design systems with bold typography and color accents.

Community
Basic
guideopsguideops

sega

Generates Sega-style design tokens, typography scales, and color palettes for game interfaces.

Community
Intermediate